#leftSidePanel{ height:100%; } .seeallmodal.in ~ .modal-backdrop.in { z-index:9999 !important;} .hidden{visibility:hidden;} .opening-size-msg{display:block;} .modal-backdrop in{display:none;} .infor{line-height:25px;font-size:15px;margin:0px 0px 0px;} .clsviewall, .disnamePop, .imgUpdRow, .leftTabs, .ver_images{cursor:pointer} .bredcrumbTitle .breadcrumb_link{color:#606060!important} .bredcrumbTitle a{font-size:14px!important} .breadcrumb_link{color:#9e9e9e;font-size:12px;text-decoration:none} .chat-now_btm{display:none} #callout2{padding:0;background:#F2F2F4} #mCSB_3_container{margin:0 0px} .clspaddleft{float:left;width:100%;margin-left:10px} #leftwidth, #rightwidth, #topwidth{width:75px;margin-top:-6px;text-align:center} #botmwidth{width:75px;margin-top:-30px 13px;text-align:center} .nopadding{padding:0!important} .opening-size-msg{color:#000;font-family:arial;font-size:10px;font-style:italic;font-weight:400} .detailsSpace .col-xs-4.forSize .preSizeBtnMob.forSize:hover, .forGlass .preSizeBtnMob.forSize:hover, .forHardware .preSizeBtnMob.forSize:hover{background:#ffae38;text-decoration:none} .norightborder{border-right:none!important} .frame-design-min-height{min-height:140px} .clsleft{float:left} .clsleftmargin{float:left;margin-left:15px} .clsviewall{margin-top:10px;float:right;color:#FFF;text-decoration:none;font-size:12px} .oversize-text2{text-align:center;color:red;font-size:18px;padding:10px 0px;} .selectSize{background:#ddd!important} .clshelpimg{margin-left:5px;margin-top:-3px;width:15px} .detailsSpace, .frame-option{margin-left:15px} .clshelptooltip{font-size:14px;font-weight:700;margin-bottom:0} ul.nav-tabs4 li a, ul.nav-tabs4 li.active a, ul.nav-tabs4 li.active a:hover{font-size:17px;font-family:'Product Sans', Arial, sans-serif} .imgwidthheight{max-width:70px!important;margin-bottom:8px} .frame-option .one_sixth, .one_sixth.mat_color_big{border:none!important;width:13.5%!important} .frame-option .one_sixth.forFrames{border:none} #bottom_mat-container_custom .mat_color_big div:hover, #top_mat-container_custom .mat_color_big div:hover, .frame-option.detailsSpace .one_sixth a.reveal-border img:hover{border:4px solid #ffae38!important} .one_sixth.forMats{width:13%} .barrgg, ul.nav-tabs4{width:100%;display:inline-block} .detailsSpace{margin-bottom:0} .frame-option.detailsSpace a.reveal-border img:hover{border:none} ul.nav-tabs4{float:left;margin-top:20px;border-radius:4px;background:#fff;z-index:99 !important;border-top:1px solid #ddd;box-shadow:0 1px 2px rgba(0, 0, 0, .067)} ul.nav-tabs4 li, ul.nav-tabs4 li a{margin:0;text-align:center;float:left} ul.nav-tabs4 li:first-child{border-top:none} ul.nav-tabs4 li a{padding:6px 16px;border-radius:0;color:#383838;border-top:4px solid #fff} ul.nav-tabs4 li.active a, ul.nav-tabs4 li.active a:hover{color:#067C1C;border-top:4px solid #067C1C;background:#fff;float:left} li.active a{border-top:4px solid #067C1C} .barrgg{height:20px;background:#ddd} .bgreen, .progress-bar-success{background:#067C1C} .bgreen{height:20px;width:10%;display:inline-block} .progress{border-radius:0!important;height:11px;margin:5px 8px} .glyphicon-star{color:#FDBB2C;font-size:21px} .glyphicon-star2{color:#B9BBBD;font-size:21px} .starvv{font-size:15px} .glyphicongg{font-size:14px;color:#B9BBBD} .nopaddingtb{padding-top:0;padding-bottom:0;margin:1px 0} .rhead{color:#0d62ab;font-size:22px;font-family:'Product Sans', Arial, sans-serif;padding:10px 0 2px} .vp{color:#60B5A6;font-size:13px;font-family:'Product Sans', Arial, sans-serif} .rate-desc{font-size:14px;text-align:justify;padding-right:10px;font-family:'Product Sans', Arial, sans-serif} .rdate{float:right;padding-top:5px;text-align:right;width:250px;font-family:'Product Sans', Arial, sans-serif} .tabcontatext{margin:5px;padding:5px 8px} .page, span.page-active, span.page:hover{color:#6D6D6D;margin-right:5px;padding:4px 8px} .reviewtopinfo{barder-radius:0!important} .page{background:#fff;border:1px solid #ddd;border-radius:5px} span.page-active, span.page:hover{background:#F6F6F0;border:1px solid #ddd;border-radius:5px} .frames-results a{color:#000!important} h2.gray{color:#888!important;font-size:18px!important;line-height:5px} ul.nav-tabs4.affix{top:0;margin-top:70px!important} ul.nav-tabs4.affix-top{top:0} .all-sizes{clear:right;float:left;font-size:12px;width:48px;padding-left:3%} .all-sizes span{display:block} .ver_images{max-height:45px;max-width:45px} .shippingdays{position:absolute;top:-29px;right:60px;color:#5a5a5a;display:inline-block;font-family:'Product Sans', Arial, sans-serif;font-size:14px} #content{float:left;width:100%} #sidebar{float:right;position:relative} #sidebar .mats_width select{width:60%} #cleared{clear:both} .mats_width .row{padding-top:10} .mainImgContianer1{text-align:center;position:relative;margin:0 auto;max-width:100%} #advanceMatsDetails .modal-header{border-bottom:none} #leftSidebar{border-right:1px solid #C7C9D1;background:#ECECEC;-webkit-box-shadow:inset -2px 0 7px 0 rgba(0, 0, 0, .75);-moz-box-shadow:inset -2px 0 7px 0 rgba(0, 0, 0, .75);box-shadow:inset -2px 0 7px 0 rgba(0, 0, 0, .75)} .backImgCont, .hwImgCont, .matBordersImgCont, .printSizeImgCont, .windowShapeImgCont{float:left;margin-left:10px;margin-top:15px;margin-right:10px} .backTypeBordersTxtCont, .hwBordersTxtCont, .matBordersTxtCont, .printSizeTxtCont, .windowShapeTxtCont{float:left} #choose_frame_mob ul, #filter-container, #mobile_bottom_mat_detail_size, #mobile_mat2_detail_size, #mobile_mat3_detail_size, #mobile_sel_backing_type, #mobile_sel_frame_code, #mobile_sel_frame_code_dtl, #mobile_sel_frame_material, #mobile_sel_frame_material_dtl, #mobile_sel_frame_name, #mobile_sel_frame_name_dtl, #mobile_sel_frameheight, #mobile_sel_frameheight_dtl, #mobile_sel_glass, #mobile_sel_glass_dtl, #mobile_sel_hardware, #mobile_sel_hardware_dtl, #mobile_sel_mat1, #mobile_sel_mat1_dtl, #mobile_sel_mat2, #mobile_sel_mat2_dtl, #mobile_sel_mat3, #mobile_sel_opening, #mobile_sel_opening_dtl, #mobile_sel_size, #mobile_sel_size_dtl, .arrowImgCont, .btn.btn-default{float:right} .ui-widget-header{background:url( ) 50% 50% repeat-x #318839} .ui-slider-range, .ui-state-active{background:#318839!important;border:none} .slider-range-min, .ui-state-active, .ui-state-default{border-radius:50%;border:none} .greyBackground{background:#ccc!important} .backTypeBordersTxtCont, .hwBordersTxtCont, .matBordersTxtCont{margin:10px 0 0;font-family:Montserrat;font-size:14.63pt;color:#525163} .sliderTxtDivCont{font-size:16px} .sliderTxtNumberCont{font-family:Montserrat;font-size:11.9pt;color:#525163} .windowShapeTxtCont{margin:10px 0 0;font-family:Montserrat;font-size:14pt;color:#525163} .arrowImgCont{margin:10px} .leftTabs{border-top:1px solid #C7C9D1;height:80px;padding-left:15px} #dvTotalPrice{position:absolute;bottom:0;width:100%} .txtSize{width:70px;margin:8px;text-align:center;border-radius:4px;background-color:#eee;border:1px solid #ddd} .greenBorder{border-top:7px solid #04C75E;color:#4CD386} .btnAddToCart, .btnAddToCart:hover{background-color:#00c65c;color:#fff;border-color:none} .popupPrice{color:#26A860!important} #inputSizeCont{border-top:7px solid #00C65C;position:absolute;left:100%;top:0;height:100px;width:220px;color:#797986;display:none;z-index:1;background-color:#fff;border-left:1px solid #C7C9D1;padding:10px;box-shadow:1px 1px 5px grey} #dvPrintSize:hover #inputSizeCont, .tabsAlign{display:block} .txtPopupSize{width:50px;border:2px solid #52CE8C;border-radius:3px} #positionPopup{width:90%;height:90%;max-width:1050px;max-height:1300px;top:40px} .forHardwarePop{margin:5px auto;max-width:350px;padding-left:10px;padding-right:0;padding:15px 40px;} .forHrd{width:33%!important} .preSizeBtnMob.forSize{-moz-user-select:none;background:linear-gradient(#f9f9f9 40%, #e3e3e3 70%) rgba(0, 0, 0, 0);border:1px solid #999;border-radius:3px;color:#222;cursor:pointer;display:block;font-size:10pt;font-weight:400;margin:0 auto;padding:2px 3px;text-align:center} .preSizeBtnMob.clsactiveoption1{background:#1e75aa!important;color:#fff!important;text-decoration:none!important} .modal-dialog{max-height:90% !important;z-index:1200} .modal-dialog.sizeDialog{width:98%!important} .chooseOption{margin:8px 0 0 8px!important} #choose_frame_mob{height:100%} #size_tabs_mob-1{height:inherit;padding:0!important} .col-xs-12.nomargin.nopadding.popupMainContent{height:100%!important;overflow:hidden;width:100%} #all_frames{height:100%} #all_frames #framedetails{margin-top:0} .mainPopUpLeftContent{height:100%;overflow-y:scroll} #all_frames #framethumbs{height:calc(100% - 168px);overflow-y:scroll; overflow: auto; height: 9199px;} #framethumbs div.active{border:4px solid #2374a9} .mainPopUpLeftContent span{font-weight:700} #all_frames .frame_selection_big{margin-bottom:0;margin-top:0!important;padding:5px!important;width:150px!important} #all_frames #filter-container .selectdiv select{margin:0 16px;padding:5px 2px;width:90%} #filter-container{width:50%} #all_frames #filter-container{margin:10px auto;width:66.5%} #filter-container .selectdiv{float:right;width:25%} #filter-container .selectdiv.frameDiaDrpPop{float:left;width:22%} .col-md-8.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{min-width:470px} .manageTab{width:18%} .tabsAlign{cursor:pointer!important;font-size:16px!important;padding-left:0!important;padding-right:0!important;text-align:center;width:100%} #all_frames .frame_selection_big, .iconBar a label, select{cursor:pointer} select{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#efefef;border-color:#cccccb;border-image:initial;border-radius:3px;border-style:solid;border-width:1px;display:inline-block;font-family:"Open Sans", sans-serif;font-size:14px;padding:3px;max-width: 100%} .lobar{box-shadow:0 4px 4px -2px #cecece} .sticky{display:block!important} .mousescroollshow{display:none} .bleft{position:relative;z-index:9} .navList2{float:right} #inline-div h4, .iconBar a, .rightLink{float:left} .bleft>li.kYSy-headerLeftLinks{background:#0065a5!important} .navList2>li{/*height:35px!important;*/} .navbar-nav>li{height:40px} .bleft>li.kYSy-headerLeftLinks>a{padding-top:10px} /*.navList2>li>a{font-family:"montserrat regular"!important;font-size:11px!important}*/ .navbar-nav>li>a{color:#fff;font-family:"montserrat light";font-size:11px;padding-bottom:0;/*padding-top:12px;*/} h4.semi-bold{color:#888;font-family:"Open Sans", sans-serif;font-size:16px;font-weight:600;margin-top:0} .disname.frame_selection_big img{border:0;height:auto!important;margin:0;max-height:100%;width:100%} .modal-body{height:90%!important} #frame-design div a{cursor:pointer;display:block;overflow:auto} .iconBar{border:1px solid #dee2ee;margin:20px auto;width:390px} .clsShowHw{margin-top:5%} .iconBar a{margin:5px 0 5px 75px} .iconBar a label{font-weight:400;margin:0} .preview_container .imgDetails{font-size:12px} span.list_price{color:#666;font-size:14px!important;font-style:italic;text-decoration:line-through} .list_price{color:#1e75aa!important;font-size:17px!important} .matPreviewCorner, .matPreviewCorner2{height:25%;max-height:200px;max-width:200px;overflow:hidden;margin:0 auto} .matPreviewCorner img, .matPreviewCorner2 img{max-width:200px;max-height:200px} .mat_color_big.large_mats_available.mat_color_big_large.matPopBox, .mat_color_big.small_mats_available.mat_color_big_large.matPopBox{height:79px;margin:5px;width:79px} /*.mainPopUpLeftContent img{display:block;margin:0;max-width:190px}*/ #info_frame, #info_glass, #info_mat{left:-20px!important} #popUp_info .mobelboxfram1{border:1px solid #828282;color:#df572c;background:#FFF;display:none;font-size:13px;font-weight:700;left:0;line-height:17px;margin-left:330px;position:absolute;text-align:left;width:250px!important;padding:10px;top:-100px} .flip_dots, .rightLink, .zoom_arrow, .zoom_image{text-align:center;position: relative;} #popUp_info #info_glass #popUp_info_glass_name, #popUp_info #info_glass .glassTopSection .clsRight{width:auto!important} #popUp_info #info_glass .glassTopSection span{padding:0} #popUp_info span{display:inline-block;line-height:normal;padding-top:3px} .addtocart_item_page{background:url(../images/orangeBtn.png) 0 0/165px 30px no-repeat rgba(0, 0, 0, 0);color:#fff} .rightLink{border-radius:5px;font-size:13px;line-height:30px;margin:0 1px;width:118px} .popup_info_new_frame, .popup_info_new_glass_head, .popup_info_new_mat_head{color:#576077;text-transform:uppercase;font-size:14px;font-family:"Montserrat Regular"} #mobile_pricediv div{float:right;padding:0} #popUp_info #popUp_info_mat_acid, #popUp_info #popUp_info_mat_code, #popUp_info #popUp_info_mat_name, #popUp_info #popUp_info_mat_thickness, #popUp_info span{color:#576077!important;font-weight:400!important} #popUp_info #info_glass #popUp_info_glass_name{float:none!important;width:auto!important} #popUp_info #info_glass .glassTopSection #popUp_info_glass_price_add_sub{width:auto!important;display:inline-block!important;float:none!important} #popUp_info_mat_pricediff{float:none!important;padding:3px!important} #popUp_info .textdetails{border-top:none!important} #Popup_Frame_Description{color:#3F3F4D!important;font-family:"Montserrat Regular";font-size:12px} .disabled_mat_option, .disabled_tab{cursor:not-allowed!important;color:#a8a8b1} #popUp_info #info_glass .glassTopSection .clsRight{width:auto!important} .flip_dots{float:none!important;height:10px;margin:auto;padding:10px 0;width:104px;z-index:210} #popUp_info #info_frame .img-container1{display:table} #popUp_info #info_frame .img-container1 li{display:table-cell} .mainImgContianer{margin:0 auto;max-width:100%;border:0 solid red;min-height:80%!important} #size_tabs_mob-3 .tab-links-container .tab-links li{margin-right:0;text-decoration:none;padding-bottom:7px} #size_tabs_mob-3 .tab-links-container .tab-links{width:100%} #size_tabs_mob-3 .mat_color_big.large_mats_available.mat_color_big_large, #size_tabs_mob-3 .mat_color_big.small_mats_available.mat_color_big_large{margin:10px!important;background-color:#fff!important;float:left!important} .main_image1, .popup_frame_img2{display:none!important} .myclsCanvas{margin:20px auto 0} #size_tabs_mob-1, #size_tabs_mob-2, #size_tabs_mob-3, #size_tabs_mob-4, #size_tabs_mob-5{padding:0!important} .one_half{width:48%} .imgDetails span{font-size:11px} .cls_collage{min-height:40%!important} .main_image11{margin:0 auto} .mat1Container, .mat2Container, .mat3Container{height:150px;width:100%} .mat1Container .mCustomScrollBox, .mat2Container .mCustomScrollBox, .mat3Container .mCustomScrollBox{height:70%} .matDetails .bmat, .matDetails .tmat, .multipleSize, .nonemat, .singleSize, .tripplemat{font-size:10px;font-family:"Montserrat Regular"} .disabled_tab{border-top:4px solid #000!important} #mat_double_option, #mat_none_option, #mat_single_option, #mat_triple_option, .zoom_arrow, .zoom_left{cursor:pointer} .titleallMats .matClass{border-top:4px solid #000;cursor:pointer;height:42px} .title1_mat.active, .title2_mat.active{border-top:5px solid #00c65d!important} img.label_img{padding:1px} .matDetails img.active{outline:#00c65d solid 2px} .titleallMats{border-bottom:1px solid #A8A8B1;height:48px} .title1_mat{border-left:1px solid #a8a8b1} .title2_mat, .title2_mat.active{border-left:1px solid #A8A8B1} .title1_mat, .title2_mat{padding:6px;margin:5px 0 0} .title1_mat.active{border-right:1px solid #A8A8B1} .lblMats{float:left;margin-left:15px} .onoffswitch{position:relative;width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;float:left;margin:3px 0 0 50px} .onoffswitch-checkbox{display:none} .label_radio_bg, .label_radio_bg2{display:block;font-size:10px;font-family:"Montserrat Regular"} .label_radio_bg.active{background:url(https://www.arttoframe.com/images_2014/mobile/radio_chk.png) 46px 8px no-repeat rgba(0, 0, 0, 0);background-size:16px 16px} .label_radio_bg{background:url(https://www.arttoframe.com/images_2014/mobile/chk_img.png) 46px 8px no-repeat rgba(0, 0, 0, 0);background-size:15px 15px;padding-top:10px;width:325px;margin:0 auto} .label_radio_bg2{background:url(https://www.arttoframe.com/images_2014/mobile/chk_img.png) 15px 13px/15px 15px no-repeat rgba(0, 0, 0, 0);height:100%} .label_radio_bg2.active{background-attachment:scroll!important;background-clip:border-box!important;background-color:rgba(0, 0, 0, 0)!important;background-image:url(https://www.arttoframe.com/images_2014/mobile/radio_chk.png)!important;background-origin:padding-box!important;background-position:15px 13px;background-repeat:no-repeat!important;background-size:15px 15px!important;height:100%} .padding-top-bottom{padding-bottom:5px;padding-top:5px} .row_height{height:20px} .zoom_left{padding-bottom:5px} .zoom_arrow{width:4%;height:100%;padding-top:23%;float:left} #main_image_zoom, .zoom_image{} .zoom_image{width:75%;float:left; height: 600px; } #zoom_verticle_images img{max-width:55px;max-height:55px} .show_disabled{pointer-events:none;opacity:.4} .validateFrames{display:none!important} .loader_r{position:relative;width:100%;z-index:99;background:url(https://www.arttoframe.com/images/message4.png?v=3) center 300px/700px 390px no-repeat rgba(0, 0, 0, .2)} .loader_r div{opacity:.5} input[type=number]::-webkit-inner-spin-button{opacity:1} .bredcrumbTitle, .imageSize, .textInfo>span{font-family:'Product Sans', Arial, sans-serif} #popUp_info_name, .glass_typ_title, .hardware_option, .input_titlefor_mat, .input_titlefor_mat p, .sel_glass, .styled-select select, .validbtn{text-transform:uppercase} #mCSB_4_scrollbar_horizontal, #newPriceArea{display:none} .popup-cornor, .searchLogo, .textInfo{position:absolute} .addtocartag a, .advance_matoption:hover, .seeallmatsetting:hover, .uploadimg:hover{text-decoration:none;outline:0} .glassParent{height:70px;overflow-x:scroll;overflow-y:hidden;width:100%} .frame_selection_big .img-responsive:hover{border:4px solid #ffae38!important} .glassChild{width:600px} body{background:#F2F2F4} .bredcrumbTitle{top:10px!important} .bredcrumbTitle a{font-size:12px!important} .detailsSpace{width:507px!important;margin-left:15px;border:1px solid #aeaeae;border-radius:0} .mainSizeDiv{background:#F4F5F9!important;height:38px} #frame-design .row, .detailsSpace .row{margin:0!important} .sizeBox{width:24%;color:#000;font-weight:700;margin-left:5px;margin-top:-3px;border-radius:5px;border:1px solid silver;height:27px} .imageSize{font-size:14px!important;font-weight:700!important;padding:7px 0 0 7px;height:36px} #frame-design .row{background:#ddd!important;height:33px!important} .searchbox{border:1px solid #aeaeae;border-radius:3px!important;float:right;margin-top:4px;height:24px;font-size:12px;padding-left:10px;padding-right:35px;width:100%!important;color:#a1a1a1} .searchLogo{height:30px!important;top:1px;width:30px;right:-1px!important} .mainframeCotainter .imgwidthheight{float:left!important;cursor:pointer} .mainframeCotainter{padding-left:10px;padding-top:10px} .detailsLabel{font-size:12px;font-weight:400;margin-top:5px} label.txt_limit{max-width:100%} .newMoreFrames{margin:40px auto} .matsTab, .matsTab1{font-size:13px;font-weight:700;height:32px;text-align:center;border-right:1px solid #aeaeae!important} .matsTab_new{height:35px;border-top:5px solid #DDD;border-right:1px solid #aeaeae;background:#ddd;box-shadow:inset -1px -12px 15px -11px rgba(176,176,176,1);} #chkTopMat, #new_single_mat_check{margin-right:5px!important} .mat_color_big{width:21%!important;border-radius:0!important} .textInfo span{line-height:1.2!important} .matParent{float:left;margin:0 13px;cursor:pointer} .textInfo{color:#797979;font-size:12px;top:50px;width:67px;float:left;text-align:-webkit-center;text-align:center;} .forSizeOption, .glassTab{font-size:14px;font-weight:700} .glassTab{background:#ddd;padding:7px 0;text-align:center;height:35px} .forGlassOption, .forSizeOption{padding-left:0;padding-right:0} .forSizeOption{background:#f4f5f9;border-right:1px solid #dde2ef;height:30px;padding-top:5px;text-align:center} .matsTab label.active,.noftLabel{background:url(https://www.arttoframe.com/images/bluetik_box.png) 3px 1px no-repeat rgba(0, 0, 0, 0);position:absolute;left:20px} .topleftLabel,.bottomleftLabel,.noftLabel{height:25px;margin-top:2px;width:35px;float:left;margin-left:0px} .forGlassOption{font-size:12px;padding-top:3px} h4.semi-bold{font-size:15px} .noftLabel{background:url(https://www.arttoframe.com/images/Switcher-OFF.png) 3px 1px no-repeat rgba(0, 0, 0, 0);} .noftLabel.active{background:url(https://www.arttoframe.com/images/Switcher-ON.png) 3px 1px no-repeat rgba(0, 0, 0, 0);} .topleftLabel{background:url(https://www.arttoframe.com/images/Switcher-OFF.png) 3px 1px no-repeat rgba(0, 0, 0, 0);} .topleftLabel.active{background:url(https://www.arttoframe.com/images/Switcher-ON.png) 3px 1px no-repeat rgba(0, 0, 0, 0);} .bottomleftLabel{background:url(https://www.arttoframe.com/images/Switcher-OFF.png) 3px 1px no-repeat rgba(0, 0, 0, 0);} .bottomleftLabel.active{background:url(https://www.arttoframe.com/images/Switcher-ON.png) 3px 1px no-repeat rgba(0, 0, 0, 0);} .forGlassOption label{font-weight:400} .forGlassOption label.selectRadio, .new_no_mat label.selectRadio{background:url(https://www.arttoframe.com/images/gray_square.png) 10px 2px no-repeat rgba(0, 0, 0, 0);margin-top:-1px!important;padding-left:20px;background-position-x:5px; display: block;} .forGlassOption label.selectrad2, .new_no_mat label.selectRadio{background:url(https://www.arttoframe.com/images/white_square.png) 10px 2px no-repeat rgba(0, 0, 0, 0);margin-top:-1px!important;padding-left:32px} .forSizeOption label{background:url(https://www.arttoframe.com/images/search_2015/unchecked.png) 7px 0 no-repeat rgba(0, 0, 0, 0);margin-top:1px!important;padding-left:32px;text-align:center} .forGlassOption label.active, .forSizeOption label.clsactiveoption1, .new_no_mat label.active{background:url(https://www.arttoframe.com/images/green_tik_checkbox.png) 11px 2px no-repeat rgba(0, 0, 0, 0);font-weight:700;background-position:5px;} .sldSecondSlider-outer{bottom:-60px} .parentFrameContainer{width:500px} .parentBottomContainer, .parentTopContainer{height:91px;width:100%;padding:0 25px} .parentTopContainer1{overflow:hidden;height:98px;width:100%} .textInfo>span{font-size:10px} .mainframeCotainter{width:16000px} .childBottomContainer, .childTopContainer{width:5000px} .childTopContainer1{width:600px} .imgwidthheight{margin-right:0!important;padding-right:10px} p.framePrice{text-align:center;font-size:9px!important} p.framePrice b{color:green;font-size:15px} p.framePrice .dollar{font-size:15px;color:#000} p.framePrice sup{top:-.3em} .row #top_mat_type{width:120px!important;margin-top:5px;margin-right:15px} .styled-select select{background:#fff;border:0;font-size:11px;line-height:1;width:80px!important;color:#576077;height:22px} .styled-select{border:1px solid #ccc;margin-top:4px!important;overflow:hidden;border-radius:3px} #mobile_sel_size{background:url(https://www.arttoframe.com/images_2014/plus-minus.png) 0 1px/20px 22px no-repeat rgba(0, 0, 0, 0);padding-left:20px} .frame-option .one_sixth, .one_sixth.mat_color_big{border:none!important} /* Commented the code its showing the double tick on the selected mat - 20231108 #bottom_mat-container_custom .clsMatActive, #top_mat-container_custom .clsMatActive {background:url(https://www.arttoframe.com/images/white-tik.png) 3px no-repeat;background-size:100%} */ #bottom_mat-container_custom .mat_color_big div:hover, #top_mat-container_custom .mat_color_big div:hover{border:4px solid #10A358!important} .mainPreview{margin-top:40px} #main_image{margin-top:0} .history_slider img{max-width:100%!important} .one_sixth img{width:100%!important} .history_slider{margin-top:40px} .history_slider .one_sixth{margin-top:15px} #man_image{margin-right:-20px} #bottom_mat-container_custom_popup .mat_color_big, #top_mat-container_custom_popup .mat_color_big{display:block!important} #top_mat-container_custom_popup img, .#bottom_mat-container_custom_popup img, .fiveContent .one_sixth{display:none!important} .bottomMatColorPopupBlock, .topMatColorPopupBlock{height:70%!important;height:70px!important;margin-bottom:10px;width:70px!important} #info_frame, #info_mat, #popUp_info{width:440px!important} .idPrice{background:#f4f5f9!important} #info_frame, #info_glass, #info_mat{left:-20px!important} .infoNormal{font-weight:700!important} .matParent .mat_color_big{display:block!important;float:left} .new_matframe_size .custBtn a.clsactiveoption1{background:#2DA867!important} .left-panel-popup-info, .left-panel-popup-info1{background:#fafafa;border:1px solid #aaa;border-radius:5px;box-shadow:0 0 5px 0 #333;display:none;left:250px;min-height:50px;min-width:100px;padding:10px;position:absolute;top:24px;z-index:250} .left-panel-popup-info1{left:97px;text-align:left;min-width:120px;top:24px} .popup-cornor{background:url(https://www.arttoframe.com/images/cornor.png) 0 0/100% auto rgba(0, 0, 0, 0);margin-left:-21px;margin-top:-20px;padding:8px 10px} #myModalSlideShowPopUp .carousel-inner img{max-width:800px;max-height:380px;margin:0 Auto} #myModalSlideShowPopUp .carousel-inner{height:400px;border-bottom:2px solid silver} .glyphicon-chevron-right::before{content:">"} .glyphicon-chevron-left::before{content:"<"} #myModalSlideShowPopUp .carousel-control{margin-right:0!important;color:#fff;top:-225px} #myModalSlideShowPopUp .carousel-indicators{margin-left:auto;left:auto;width:100%} #myModalSlideShowPopUp .carousel-indicators li, #myModalSlideShowPopUp .carousel-indicators li.active{list-style:none;width:auto;height:auto;border:none;margin:5px;text-indent:0!important} #myModalSlideShowPopUp .carousel-indicators .img-rounded{border:2px solid gray} #myModalSlideShowPopUp .carousel-indicators li.active .img-rounded{border:2px solid orange} #myModalSlideShowPopUp .carousel-indicators li img{max-width:80px;height:70px} .helpInfo span:hover .left-panel-popup-info, .helpInfo1 span:hover .left-panel-popup-info1{display:block} #callout2{font-family:Montserrat, sans-serif} #popUp_info #info_glass #popUp_info_glass_name, #popUp_info #info_glass .glassTopSection .clsRight{width:auto!important} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{height:14px;margin-top:5px;background-position:left!important} .mCSB_dragger, .mCSB_dragger_bar{width:60px!important;margin-top:3px!important} .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0!important} .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-color:#CCCCCC !important;} @media(min-width:770px) and (max-width:1199px){.leftSideImages{display:none} .newMainPreview{width:40%} .mainPreview{width:100%} .details_area{width:60%} } @media(min-width:770px) and (max-width:990px){.glassTab, .selectSize label{font-size:12px!important} .detailsSpace{width:380px!important} .searchLogo{left:115px} .selectSize{padding:0!important;height:38px} .selectSize label{padding-top:10px!important;padding-left:5px!important} .parentBottomContainer, .parentTopContainer{height:100px!important} .forGlassOption, .glassTab{height:45px;overflow:hidden} .matdetailsSpace{min-height:230px!important} .left-panel-popup-info{left:175px!important} #frame-design .imageSize, .matsTab, .matsTab1{font-family:'montserrat regular';font-size:12px!important} .left-panel-popup-info1{left:65px!important} } a.mat-frame-cart-button{background:#ffd554;border-radius:5px;box-shadow:2px 2px 5px #888;color:#333!important;cursor:pointer;float:right;font-family:"Open Sans", sans-serif;font-size:15px;font-weight:700;margin:17px 20px 0 0;padding:12px 16px;position:relative} .continue-button.align-center{float:left;width:100%} @media(min-width:770px) and (max-width:990px){.addtocartbtnwithQty{float:right} .product_type{font-size:16px!important} .selqtyforaddtocart{width:20px!important} .addtocartag{font-size:20px!important} .up_addcart_content{padding:0} .OKBTN{left:92px} .styled-select select{font-size:9px;width:60px!important} .imageSize, .seeAllframe{font-family:'montserrat regular';font-size:10px!important} .seeAllframe{padding:5px!important} #bottomMatDiv, #topMatDiv, .matsTab1{font-size:9px!important} .advance_matoption{margin-left:23px!important} .seeallmatsetting{padding:6px 5px!important;font-size:8px!important} .hardware_option, .hardware_selection{font-size:10px!important} .hardware_option{padding:0!important} .uploadimg{padding:12px 28px!important} .email_details, .live_chat_dt{padding:0!important} .custome_camera_img{width:19px!important;height:19px!important;right:9px!important;top:18px!important} .selct_qty_addtocart{width:20px!important} .print_email_title{font-size:11px!important} .call_details, .email_details, .live_chat_dt span{font-size:9px!important} .print_email{width:16px!important} .call_img{width:15px!important} .live_chat_dt span{margin-left:0!important} } #butnCloseforProductPage{text-align:right;font-size:18px;padding:8px 13px;cursor:pointer;color:#69737D} .left-panel-popup-info, info1{background:#fafafa!important;border:1px solid #aaa;border-radius:5px;box-shadow:0 0 5px 0 #333;left:225px;min-height:50px;min-width:250px;padding:10px;position:absolute;top:30px;z-index:250} .clstooltip{display:inline;position:absolute} .clstooltip:hover{color:#c00;text-decoration:none} .clstooltip:hover:after{border:solid;border-width:1px;border-color:rgb(61, 132, 183, .8);background:rgba(255, 255, 255, .9);border-radius:15px;font-size:13px;font-family:'Product Sans', sans-serif!important;bottom:1.35em;color:#3d84b7;display:block;left:-4em;padding:.4em 1em;position:absolute;white-space:nowrap;z-index:98;content:attr(data-tooltip)} .clstooltip:hover:before{border:solid;border-color:#3d84b7 transparent;border-width:.4em .4em 0;bottom:1em;content:"";display:block;left:1em;position:absolute;z-index:99} .opening_size_list{font-size:14px} .size_title{font-size:15px;text-align:center} .size_content{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;background:url(https://www.arttoframe.com/canvas_acrylic/images/d_arrow_small.png) 90%/45% no-repeat #FFF;border:none!important;color:#fff!important;font-size:17px;padding:0;margin-top:auto} .OKBTN, .OKBTN2, .OKBTN3, .seeAllopening{background:#6a6a6a;color:#FFF;font-family:'Product Sans', Arial, sans!important;border-radius:3px;text-align:center} .OKBTN, .OKBTN2, .OKBTN3{cursor:pointer;font-size:14px;padding:2px 4px;position:absolute} .OKBTN{top:7px} .OKBTN2, .OKBTN3{top:3px} .seeAllopening{font-size:12px;padding:5px} .seeallcontent{padding:4px;float:right} .product_type{font-size:23px!important;color:#000!important;margin:0!important;padding:9px 0;font-family:'Product Sans', Arial, sans!important} .up_addcart_content{padding:25px 0 0 18px} .price_text{font-size:25px;font-family:'Product Sans', Arial, sans!important} .add-to-cartbtn, .addtocartbtnwithQty{font-family:'Product Sans', Arial, sans!important;color:#FFF;background:#35873d;height:42px;border-radius:3px;padding:0} .Qtyname, .Quantity{border-right:1px solid #fff;height:42px;color:#000;padding:1px 0px;} .selct_qty_addtocart, .selqtyforaddtocart{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;background:url(https://www.arttoframe.com/canvas_acrylic/images/d_arrow_small.png) 72%/51% no-repeat #35873d;border:none!important;color:#fff!important;font-size:20px;width:32px;padding:0;margin-top:-3px;height:25px} .addtocartag{font-size:18px;height:42px;padding:9px 0;text-align:center} .ship_days, .shiping_days, .shiping_days2{color:#5a5a5a;font-size:14px} .shiping_days2{font-family:'Product Sans', Arial, sans-serif;position:relative;top:5px} .ship_days{padding:10px 0} .addtocartag a, .seeAllframe{color:#FFF;font-family:'Product Sans', Arial, sans-serif!important} .Titleformat_advance, .titlefor_matboard, .topborder_title{font-family:'Product Sans', Arial, sans!important} .advance_matoption,.seeallmatsetting{cursor:pointer;float:right;color:#fff;background:#6a6a6a !important;padding:2px 4px;border-radius:4px;text-decoration:none;position:absolute;margin-left:10px;font-family:'Product Sans', Arial, sans-serif !important;font-size:12px !important;} .seeallmatsetting:hover{color:#FFF} .advance_matoption{cursor:pointer;position:absolute;right:0} .matmodal{top:50px} .open_popup{width:1000px} .mat_img_div{padding:0} .Titleformat_advance, .titlefor_matboard{text-align:center;padding:40px 0 0;margin:0!important;text-transform:uppercase} .Titleformat_advance{font-size:19px!important;color:#949494!important} .titlefor_matboard{color:#000!important;font-size:16px!important;font-weight:700} .mat_width{border:1px solid #d7d7d7;padding:0} .input_titlefor_mat{background:#ddd;color:#000;font-size:14px} .side_border_container{background:#e2e2e2;border:1px solid #d6d6d6;border-radius:6px;height:30px;padding:0} .call_details, .email_details{border-right:2px solid gray;color:#1e5e8e} .chain-img{width:100%;position:absolute;top:-30px;left:17px} .down-arrow, .up-arrow{left:10px;position:absolute} .topborder_title{padding:5px 8px;text-align:right;color:#000;font-size:17px} .backing_selection, .hardware_selection{font-family:'Product Sans', Arial, sans-serif} .inch_value, .need_help_title, .price_area2, .validbtn{text-align:center} .validbtn{border-radius:4px;background:#35873d;color:#FFF;padding:10px 0;font-size:16px} .inch_value{vertical-align:middle;color:#000;padding:5px 0} .up-arrow{top:6px} .down-arrow{bottom:5px} .input_titlefor_mat p{color:#000!important;font-size:14px!important;margin:0!important;font-weight:700;padding:5px 0} .backing_selection, .hardware_option, .hardware_selection{font-size:12px;vertical-align:middle} .advance_matoption:hover{color:#FFF} .hardware_option{color:#000;font-weight:700;position:relative;top:3px} .uploadimg, .uploadimg:hover{color:#FFF} .uploadimg{background:#0065a5;font-size:18px;padding:12px 70px 12px 22px;border-radius:4px;width:100%;font-family:'Product Sans', Arial, sans} .custome_camera_img{position:absolute;width:25px;height:25px;right:40px;top:5px} .price_area2{padding:16px 0;font-size:24px;font-family:'Product Sans', Arial, sans-serif;color:#202020} .contact_details, .need_help_title, .print_email_title{font-family:'Product Sans', Arial, sans!important} .upload_img_div{background:#0065a5;padding:20px 0} .need_help_title{font-size:14px!important;color:#000!important;font-weight:700;padding:4px 5px;margin:0!important} .call_details{font-size:12px;padding:0 8px 0 0} .email_details{padding:0 7px 0 0} .live_chat_dt span{font-size:12px;padding:2px 0;margin-left:6px;color:#1e5e8e;cursor:pointer} .live_chat_dt{padding:0} .print_email_title{color:#CCC;font-size:14px} .contact_details{font-size:14px!important;margin-left:6px!important;color:#1e5e8e!important} .phead-save, .ptext_bleow{font-family:"montserrat light"!important} .sel_glass{color:#000!important;font-size:13px!important;padding-left:10px;margin:0!important;font-weight:700} .glass_typ_title{font-size:12px;font-weight:700;padding:10px 0} .checkboxforglass{font-weight:400;font-size:12px;margin:0} .pdesc, .phead, .phead-save, .ptext_bleow{font-weight:700} .color_box{width:52px;height:52px;padding:0;margin:10px} .color_box.active{background:url(https://www.arttoframe.com/images/white-tik.png) 12px 19px no-repeat!important} .color_title{padding-top:47px;font-size:10px!important;width:56px;margin:0!important} .matcolor_container{padding:15px} #rightSidePanel::-webkit-scrollbar{display:none} .clgopeningDrpdwn{border:1px solid #aeaeae;width:507px!important;margin-left:15px;background:#ddd;padding:3px 10px} .manageBtmMargin{margin-bottom:15px!important} .textfield1{background:#F7F8F9;border:1px solid #DDE0E3;border-radius:4px} .textdetails{border:0 solid #999;padding:4px} .myglassinfo{border:1px solid #999;padding:4px;position:absolute!important;right:16px;top:4px!important;background:#fff} .savimg, .savimg:hover{background-repeat:no-repeat;cursor:pointer} .myglassinfo .textdetails{text-align:left} #popUp_info_glass_description2{color:#0f0f0f!important;font-size:12px!important;text-align:justify!important;text-transform:none!important} .a2a_kit, .corner-tooltip, .phead-save, .ptext_bleow{text-align:center} .phead-save{color:#0065A5;font-size:22px} .mainprevieimg{max-width:180px;max-height:200px} .topup_corner{float:right;margin-right:8px;margin-top:-18px} .savimg, .savimg2{margin:3px;width:101px} .ptext_bleow{color:#0065a5;font-size:16px;padding-bottom:9px;padding-top:22px} .ptext_bleow_link{color:#6EBE8B;font-size:14px;cursor:pointer;font-weight:700} .pdesc{color:#12243D;font-size:22px;font-family:"montserrat light"} .phead{color:#0065A5;font-size:38px;font-family:"montserrat light"!important} .savimg{background-image:url('https://www.arttoframe.com/images/bbgg.png');background-position:0;height:30px;background-size:101px 30px;padding:2px 5px} .savimg2{height:30pxpadding:2px 5px} .savimg:hover{background-image:url('https://www.arttoframe.com/images/bbc.png');background-position:0;width:101px;height:30px;background-size:101px 30px} .a2a_button_pinterest .a2a_w_pinterest{background-image:url('https://www.arttoframe.com/custom_framing/preview/images/popup/pint.png')!important;background-repeat:no-repeat!important;background-position:0} .a2a_button_email .a2a_w_email{background-image:url('https://www.arttoframe.com/custom_framing/preview/images/popup/mail.png')!important;background-repeat:no-repeat!important;background-position:0} .a2a_button_facebook .a2a_w_facebook{background-image:url('https://www.arttoframe.com/custom_framing/preview/images/popup/fb.png?v=1')!important;background-repeat:no-repeat!important;background-position:2px 3px} a.social span{width:20px!important;float:none!important;height:27px!important} .a2a_default_style a{float:none!important;display:inline-block!important;padding:0!important} .a2a_default_style a img{margin-top:-28px} .btffirst, .btn-default{margin-top:0!important} .a2a_kit{background:#fff;line-height:0!important;padding:1px;position:absolute;bottom: 8%; left: 162px;width:100px;box-shadow:0 0 30px 9px rgba(0, 0, 0, .3), 0 8px 12px 0 rgba(0, 0, 0, .5);z-index:998} .sharesave_help{ text-align: center; padding: 20px 0px;} .btffirst, .btffirst2{font-weight:700;padding:3px 18px} .btffirst2:active, .btffirst2:focus, .btffirst:active, .btffirst:focus{box-shadow:7px 9px 13px rgba(0, 0, 0, .384) inset} .corner-tooltip{display:none;left:246px;position:absolute;top:73px;width:16px;z-index:999} #main_image, #main_image:before{vertical-align:middle;display:inline-block} .btffirst{border-radius:3px 0 0 3px!important;margin-right:-3px!important;color:#fff;background:#8f8f8d;border:none;font-size:14px;float:none!important} .btffirst i{font-size:16px;color:#fff} .btffirst:hover{color:#fff;background:#008748} .btffirst:active{color:#fff;background:#008647} .btffirst:focus{color:#fff!important;background:#008647!important} .btffirst2{font-size:14px;border-radius:0 3px 3px 0!important;color:#fff;background:#8f8f8d;border:none;float:none;margin-left:2px;} .btffirst2 span{color:#fff} .btffirst2:hover{color:#fff;background:#008748} .btffirst2:active{color:#fff;background:#008647} .btffirst2:focus{color:#fff!important;background:#008647!important} #saveForLater{text-shadow:unset} .cancelmatsizebox{text-align:right;font-size:18px;padding-top:6px} #newImagePopup modal-dialog{height:auto!important} .clsZoomImage{max-height: 100%; max-width: 100%;} #mCSB_1_container{height:90px} #mCSB_2_container{height:100px;margin:0 0px} #mCSB_4_scrollbar_horizontal{margin:0 30px!important} .mCSB_horizontal.mCSB_inside>.mCSB_container{margin:0 0px} #addrborder_1, #addrborder_2, #addrborder_3, #addrborder_4, #addrborder_5, #addrborder_6{background-image:url(https://www.arttoframe.com/images/v2.png);background-position-x:262px;background-position-y:6px;background-repeat:no-repeat;height:138px} #main_image:before{content:' ';height:100%} .cartquantityinput_1, .cartquantityinput{width:32px;margin:9px 0px;text-align:center;border-radius:5px;border:none;} .disabledContainer{pointer-events:none;opacity:0.4;} .nomargin{margin:0px;} .closepopup{float:right;color:#424242;background:transparent !important;box-shadow:none;border:0px;font-size:13px;padding:10px 15px;cursor:pointer;margin:0px;} .containerforcart{width:100% !important;font-family:"Product Sans", Arial, sans-serif;} .selectbtn{background:#184262;color:#FFF;font-size:16px;text-align:center;padding:4px 33px;border-radius:5px;} .selectbtn.active{background:#35873d;color:#FFF;font-size:16px;text-align:center;padding:4px 33px;border-radius:5px;} /* .glasstypetext{color:#184262;font-size:18px;padding:5px 0px 0px;margin:0px;display:inline;float:left;width:280px;overflow:hidden;white-space:nowrap} */ .glasstypetext, .shipping-txt{color:#184262;font-size:18px;padding:5px 0px 0px;margin:0px;display:inline;float:left;width:390px;overflow:hidden;white-space:nowrap} .popup_i_price{width:66px;color:#184262;overflow:hidden;font-size:18px;float:left;display:inline;padding-top:5px;} .glasstypetext:after{content:" ........................................................"} .glasstypetextshort{color:#184262;font-size:14px;float:left;padding:0px 0px 4px 0px;} .glasstypetext2{color:#184262;font-size:18px;padding:0px 0px;margin:0px;} .glasstypetext span{floAT:right;} .shipping-txt span{float:right;} .glasstypetext2 span{floAT:right;} .customdialog{margin:10px auto;top:60px;} .glassinfocontainer{padding:0px 40px 9px;;} .glasstypeinfo{padding-left:16px;padding-bottom:7px;font-size:14px;float:left;color:#747474;font-family:"Product Sans", Arial, sans-serif;} .glasstypeinfo li{padding:2px 0px;} .glasstypeinfo2 li{padding:1px 0px;} .glasstypeinfo2{padding-left:16px;font-size:13.5px;color:#747474;font-family:"Product Sans", Arial, sans-serif;} .glassdetails{padding-left:4px;color:#125c96;font-size:23px;font-family:"Product Sans",Arial,sans-serif;margin:0px;} .glassdetails_list{text-align:left;color:#6a6a6a;font-family:"Product Sans",Arial,sans-serif;font-size:14px;padding:5px 0px 0px 18px;margin:0px;} .glassdetails_list li{padding:3px 0px;} .innercontent{padding:0px 15px 30px;} .glasssubtitle{color:#184262;font-size:14px;margin:0px;font-family:"Product Sans", Arial, sans-serif;} @media screen and (min-width:768px) and (max-width:995px){.glassinfocontainer{padding:0px 10px 3px;} .glasstypetext, .glasstypetext2{font-size:12px;padding:0px 0px 0px;} .glasstypeinfo, .glasstypeinfo2{font-size:13px;} .selectbtn, .glasssubtitle{font-size:12px;} } @media screen and (min-width:996px) and (max-width:1200px){.glassinfocontainer{padding:0px 10px 3px;} .glasstypetext, .glasstypetext2{font-size:12px;padding:0px 0px 0px;} .glasstypeinfo, .glasstypeinfo2{font-size:13px;} .selectbtn, .glasssubtitle{font-size:12px;} } .glassmiddlesection{padding:5px 0px;} .glasimgspan{margin-left:-9px;cursor:pointer;} #seo_texts{font-family:'Product Sans', Arial, sans-serif !important;} .search-frame-view-btn{position:absolute;bottom:110px;right:-6px;} .containerforglassinfo::-webkit-scrollbar{width:0px;background:transparent;} .seeall_btn{font-family:'Product Sans', Arial, sans-serif !important;font-size:12px !important;cursor:pointer !important;float:right !important;color:#fff !important;background:#6a6a6a !important;border-radius:4px !important;text-decoration:none !important;padding:2px 6px !important;} .fltr_btn { font-family: 'Product Sans', Arial, sans-serif; font-size: 12px; cursor: pointer; float: right; color: #222; background: #fff; border-radius: 40px; text-decoration: none; padding: 3px 7px; font-weight: bold; line-height: normal; } .fltr-active {border: 3px solid rgb(49 136 57);} .glassTopSection p{margin-bottom:0px !important;} #allGlassPoplist2 input:disabled+label{display:none;} .textfor_glass{color:#125c96;font-size:29px;font-family:"Product Sans",Arial,sans-serif;text-align:center;padding:19px 0px 19px;} #popup_glass_name{ padding-left: 32px;padding:5px 0px;color:#125c96;font-size:23px;font-family:"Product Sans",Arial,sans-serif;margin:0px;} .glass_LeftBox{background:#fff;padding:15px 40px;min-height: 461px;} #glassDesc{color:#6a6a6a;font-family:"Product Sans",Arial,sans-serif;font-size:14px;margin:0px;} #allGlassPoplist2 input:disabled, #allGlassPoplist2 input:disabled + label{display:none;} #popUp_info_glass_description_new{color:#0f0f0f !important;font-size:15px !important;text-align:justify !important;text-transform:none !important;font-family:"Product Sans",Arial,sans-serif !important;} .popup_info_new_frame{color:#000;font-family:"Montserrat Regular";font-size:16px;text-align:center;text-transform:uppercase;} .myglassinfo{background:#fff none repeat scroll 0 0;border:1px solid #999;padding:4px;position:absolute !important;right:70px;top:70px !important;} #searchText,{border:1px solid #ccc;padding:4px 7px;width:192px;border-radius:5px;} #searchTextBtn1{border-radius:2px;padding:1.5px 10px;border:1px solid gray !important;width:100%;font-size:12px !important;} #searchTextBtn1::-webkit-input-placeholder{background:#f1f1f1;} #searchTextBtn1:-ms-input-placeholder{background:#f1f1f1;} #searchTextBtn1::-moz-placeholder{background:#f1f1f1;opacity:1;} #searchTextBtn1:-moz-placeholder{background:#f1f1f1;opacity:1;} #all_frames #filter-container{padding:14px 0px 23px 0px;} #filter-container{width:100% !important;padding:6px 4px;} #filter-container .selectdiv.frameDiaDrpPop{width:100px !important;padding:0;margin:0px;} .styled-select2{background:#fff url("https://www.arttoframe.com/images/new_product_caret.png") no-repeat scroll right 6px !important;border-radius:2px;display:inline-block;overflow:hidden;font-size:11px !important;border:1px solid gray;margin:5px 5px !important;width:150px !important;} .mat_color_big.large_mats_available.mat_color_big_large div, .mat_color_big.small_mats_available.mat_color_big_large div{border-radius:50% !important;overflow:hidden !important;text-align:center !important;float:left !important;border:1px solid #ccc;} .msrp_txt{text-decoration:line-through !important;color:#041c35 !important;} .styled-select3{padding: 1px !important;background:#fff url("https://www.arttoframe.com/images/dropdownMat.png") no-repeat scroll right center/17px 10px !important;border:1px solid #a6a6a6;border-radius:3px;display:inline-block;overflow:hidden;font-size:11px !important;margin:2px 11px !important;width:120px !important;background:transparent;-webkit-appearance:none;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-size:14px !important;} #all_frames #filter-container .selectdiv select{margin:0px 3px !important;padding:5px 5px;} .modal-backdrop.in{opacity:0.8;z-index: 9999 !important;} .styled-select2 select{background:transparent none repeat scroll 0 0;-webkit-appearance:none;text-transform:uppercase;border:0px none;color:#576077;font-size:12px !important;line-height:0.9;padding-left:7px;width:120px !important;font-family:"Product Sans",Arial,sans-serif;} a:focus{outline:0px auto -webkit-focus-ring-color !important;} .styled-select3 select{background:transparent none repeat scroll 0 0;border:0 none;color:#576077;font-size:12px !important;font-weight:normal;height:20px;line-height:1;padding-left:7px;text-transform:uppercase;width:117px !important;-moz-appearance:none;-webkit-appearance:none;} .ui-tabs .ui-tabs-nav li{background:#DCDCDC none repeat scroll 0 0;border:medium none !important;float:left;list-style:outside none none;font-size:18px;padding:3px 0px;position:relative;font-family:"Product Sans",Arial,sans-serif;color:#283139 !important;border-left:1px solid #FFF !important;border-right:1px solid #FFF !important;} .ui-tabs .ui-tabs-nav li.ui-tabs-active{background:#006d1c none repeat scroll 0 0 !important;color:#fff !important;padding-bottom:0px !important;} .ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#fff !important;} .ui-corner-all{border-radius:none !important;border:0px !important;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:none !important;border:0px !important;} #size_tabs_mob-3 .mat_color_big.large_mats_available.mat_color_big_large, #size_tabs_mob-3 .mat_color_big.small_mats_available.mat_color_big_large{margin:10px 2px !important;background-color:#fff !important;font-family:"montserrat light" !important;} .titleformat{text-align:left;color:rgb(18, 92, 150);font-family:"Product Sans",Arial,sans-serif;font-size:14px;margin:0px;text-transform:uppercase;} .detailsofframe p{text-align:left;color:#6a6a6a;font-family:"Product Sans",Arial,sans-serif;font-size:14px;margin:0px;} #ref_mat_code{text-transform:uppercase;} .ui-tabs .ui-tabs-nav{padding:0px !important;} .ui-tabs .ui-tabs-nav li{margin:0px !important;border-radius:0px !important;} #loaderModal{background:url(https://www.arttoframe.com/custom_framing/preview/images/loading.gif) no-repeat scroll center center;display:none;height:120px;left:20px;line-height:100%;position:absolute;text-align:center;top:0;width:100%;z-index:1;background-size:70px 70px;} #choose_frame_mob .ui-tabs{background:#D9D9D9 !important;border-radius:0px !important;font-family:"Product Sans",Arial,sans-serif;} #choose_frame_mob ul{background:#dcdcdc !important;border-radius:0px !important;font-family:"Product Sans",Arial,sans-serif;} #size_tabs_mob-3 .mat_color_big{height:100px;max-width:110px;} #choose_frame_mob{padding:0px;} #size_tabs_mob-1, #size_tabs_mob-2, #size_tabs_mob-3, #size_tabs_mob-4, #size_tabs_mob-5{height:calc(100% - 30px) !important;} .matPreviewCorner img{border:0px solid #b6b6b6 !important;} .matPreviewCorner2 img{border:1px solid #b6b6b6 !important;} .top_filter_parent{display:none !important;} p.mats_info_text{border-radius:0 !important;font-size:12px !important;height:23px;margin:77px auto 0 -10px;overflow:hidden;text-align:center;width:100% !important;line-height:18px;font-family:"Product Sans",Arial,sans-serif;} .mats_info_text2{border-radius:0 !important;font-size:12px !important;height:45px;margin:78px auto 20px -17px;overflow:hidden;text-align:center;width:100% !important;font-family:"Product Sans",Arial,sans-serif;} #all_frames .frame_selection_big{border:0px solid #D9D9D9;cursor:pointer;height:190px !important;margin:14px 10px !important;padding:8px !important;width:150px !important;border-radius:4px !important;font-family:"Product Sans",Arial,sans-serif;} .mainPopUpLeftContent img{padding:0px !important;} #glassDetailsLeft{height:607px;} #framedetails{height:auto ;padding-bottom: 22px;} .sizefor_img{color:#283139;font-size:17px;font-family:"Product Sans",Arial,sans-serif;text-align:center;} .frmtext{font-size:11px !important;text-align:center;overflow:hidden;font-weight:600;height:20px;line-height:26px;margin-bottom:0px !important;color:#041c35 !important;font-family:"Product Sans",Arial,sans-serif !important;} .close2{background:rgba(0, 0, 0, 0) url("https://www.arttoframe.com/images/pclose.png") no-repeat scroll 0 0 !important;position:absolute;right:4px;text-decoration:none;top:14px;width:24px;border:0 none !important;} .manageTab{width:16% !important;} .tab-links li{background:#dcdcdc !important;border-right:1px solid #D9D9D9;color:#000 !important;border-bottom:0px !important;} .hardwareInfo_left{margin-bottom:0px;} #popup_hardware_name{color:#125c96;font-size:18px;font-family:"Product Sans",Arial,sans-serif;} .middlebox{padding:15px 20px;} #hardwareDesc{color:#565656;font-size:18px;font-family:"Product Sans",Arial,sans-serif;} .tab-links li.active{/*border-top:4px solid #3a81b3 !important;*/background-color:#16c427 !important; box-shadow: inset -1px -3px 31px 14px rgba(38,108,44,1);border-bottom:0px !important;color:#FFF !important;border-right:1px solid #D9D9D9;} .mtxt{color:#474747 !important;font-size:11px !important;font-weight:bold;font-family:"Product Sans",Arial,sans-serif !important;} .hardwarev4_label{background:rgba(0, 0, 0, 0) url("https://www.arttoframe.com/images_2014/mobile/chk_img.png") no-repeat scroll 0px/16px 16px;font-size:15px;line-height:32px;padding-left:21px;color:#283139;font-family:"Product Sans",Arial,sans-serif;} .hardwarev4_label.active{background:rgba(0, 0, 0, 0) url("https://www.arttoframe.com/images/blue_pointerimg.png") no-repeat scroll -1px/20px 16px;} h2.hardware_heading{font-size:18px;width:100%;text-align:center;padding-top:19px;padding-bottom:16px;font-weight:600;} .textfor_hdw{color:#3f3f3f;padding: 5px 0px;font-size:21px;font-family:"Product Sans",Arial,sans-serif;text-align:center;} .glazeCatgName{color:#125c96 !important;font-family:"Product Sans",Arial,sans-serif;font-weight:500;font-size:18px;} .priceshow{ color: #4e5255; font-weight: normal; font-size: 13px; } .newcls_glass{ color: #4e5255; font-size: 17px; font-weight: normal; } .main-category-name{ margin:0px; text-transform:uppercase; text-align:center; } .pricenote{color:#a9a9a9;font-family:"Product Sans",Arial,sans-serif;text-align:center;font-size:16px;padding:20px 0px;margin:0px;} .glassapplysee_btn{font-family:"Product Sans",Arial,sans-serif;text-align:center;font-size:20px;color:#FFF;background:#35873d;padding:5px 0px;cursor:pointer;} .glass_label, .backing-label{ background:#316a9d;font-size:12px;line-height:23px;padding-left:23px;color:#FFF !important;text-transform: uppercase;font-weight:500;font-family:"Product Sans",Arial,sans-serif !important;cursor:pointer;width:320px;text-align:left;} .glass_label.active{background:#006d1c;color:#FFF !important;} #size_tabs_mob-3 #top_mat-container_custom_popup .form_line, #size_tabs_mob-3 #bottom_mat-container_custom_popup .form_line{height:95% !important;min-height:95%;!important;} .gfilter{background:#F2F2F4 none repeat scroll 0 0 !important;border-bottom:4px solid #F2F2F4 !important;border-right:1px solid #d9d9d9;font-size:14px;padding:10px 47px;text-align:center;display:inline;cursor:pointer;} .gfilter.active{border-bottom:4px solid #006d1c !important;} .hgrid{cursor:pointer;} .gtab{background:#f2f2f4 none repeat scroll 0 0;height:40px;margin:0 0 25px;padding:6px 0;} .gpp{padding:5px 18px !important;} .popup_frame_img2{margin:20px auto !important;padding:0px !important;} .mainPopUpLeftContent{overflow-y:auto !important;} .mainPopUpLeftContent span{font-weight:bold;color:#0C6E9C;} .frameInfo span{color:#000 !Important;font-size:14px;text-align: left !important; padding-left: 7px;font-weight:normal !important;} .frameInfo strong{color:#000 !Important;font-size:14px;} .frameInfo{padding:10px 0px 10px 30px;font-family:"Product Sans",Arial,sans-serif;background: #e5e5e5; margin-left: 54px; width: 71%;} .imageinfo{width:100%;text-align:center;padding:17px 0px; min-height: 143px;} .mainPopUpLeftContent strong{color:#0c6e9c;float:left;font-weight:normal;margin-top: 2px;} .rmark{bottom:2px;left:14px;position:absolute;width:17px;} .rmark2{left:7px;position:absolute;width:16px;bottom:3px;} .matinfo_dynamic{font-family:"Product Sans",Arial,sans-serif !important;} .matinfo_dynamic span{text-align:left !important;float:left;padding-left:5px;} .matinfodiv{width:84%;position:relative;left:37px;margin-bottom:10px;padding-top:5px;} .label_img{border:4px solid #fff;} .label_img.active{border:4px solid #006d1c;border-radius:3px;} .preSizeBtnMob.clsactiveoption1{background:#006d1c !important;} .preSizeBtnMob.forSize{padding:5px 20px !important;text-align:center;border-radius:5px;font-size:18px;color:#353535;font-family:'Product Sans', Arial, sans !important;border:0px solid #999 !important;background: #dcdcdc;} .or_text{text-align:center;font-family:'Product Sans', Arial, sans;font-size:16px;} .custom_div{padding-bottom:22px;padding-top:10px;text-align:center;} .customize{font-family:'Product Sans', Arial, sans;font-size:17px;padding:4px 0px;color:#283139;} .sizebox{text-align:center;border:1px solid silver !important;border-radius:5px;color:#818181;height:27px;font-size:14px !important;background:#fff;padding:10px;cursor:pointer;font-family:'Product Sans', Arial, sans !important;background-size:10px 7px;background-position:54px 11px;} .sign_x{padding:6px 3px;font-size:11px;font-family:'Product Sans', Arial, sans;color:#283139;width:4%;font-weight:bold;text-align:center;} .shipping{text-align:left;padding:0px 6px;} .btnok:hover{text-decoration:none;outline:none;} .btnok{color:#FFF;font-size:19px !important;background:#01943c;border:none;padding:5px 8px;border-radius:4px;font-family:'Product Sans', Arial, sans;} .oversize-text{text-align:center;color:red;font-size:18px;padding:10px 0px;} .matClassn{cursor:pointer;} .label_radio_bg.active{background:rgba(0, 0, 0, 0) url("https://www.arttoframe.com/images_2014/mobile/radio_chk.png") no-repeat scroll 51px 8px/16px 16px;} .label_radio_bg{background:rgba(0, 0, 0, 0) url("https://www.arttoframe.com/images_2014/mobile/chk_img.png") no-repeat scroll 51px 8px/15px 15px;display:inline-block;font-family:"Montserrat Regular";font-size:11px;margin:0px auto;padding-top:9px;width:68px;} #size_tabs_mob-3 .tab-links-container .tab-links li{padding-top:10px;padding-bottom:10px;} #all_frames #framethumbs{} .form_line{background:#fff;} #size_tabs_mob-3 #top_mat-container_custom_popup .form_line, #size_tabs_mob-3 #bottom_mat-container_custom_popup .form_line{background:#fff !important;padding-bottom:30px;overflow-y:scroll !important;} @media screen and (min-width:1900){#size_tabs_mob-3 #top_mat-container_custom_popup .form_line, #size_tabs_mob-3 #bottom_mat-container_custom_popup .form_line{background:#fff !important;height:88% !important;min-height:88% !important;overflow-y:scroll !important;} } @media screen and (min-width:1700){#size_tabs_mob-3 #top_mat-container_custom_popup .form_line, #size_tabs_mob-3 #bottom_mat-container_custom_popup .form_line{background:#fff !important;height:76% !important;min-height:77% !important;overflow-y:scroll !important;} } @media screen and (min-width:768px) and (max-width:999px){#chooseFrameMob{overflow-x:auto !important;}} .BottomMat_Leftsect{ border: 1px solid #d4d4d4; background: #FFF; border-top:6px solid #c8c8c8; padding: 10px; min-height: 143px; } #topmat_leftsect{ background: #FFF; border-right: 0px !important; border-top:6px solid #c8c8c8; min-height: 167px; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; } .mtxt{ margin:0px; } .matPreviewCorner,.matPreviewCorner2{ margin-top: 15px; margin-bottom: 15px; border-radius: 50%; } .MatTopBottomActive{ border-top:6px solid #39bb5a !important; border: 1px solid #d4d4d4; } .matPreviewCorner2{ overflow: unset; margin-top: 8px !important; margin-bottom: 12px !important; } .matPreviewCorner2 img{ border-radius: 50%; width: 82px !important; height:82px ; } .matinfo_dynamic{ display:none; } .AppliedMatName{ font-size:13px !important; color:#474747 !important; font-family: 'Product Sans', Arial, sans !important; font-weight: normal !important; text-align: center; } .AppliedMatName span{ font-size:14px; color:#474747 !important; font-family: 'Product Sans', Arial, sans !important; padding:10px 0px; font-weight:normal !important; text-align: center; } .AppliedMatName2{ font-size:18px !important; color:#474747 !important; font-family: 'Product Sans', Arial, sans !important; font-weight: normal !important; text-align: center; /*text-transform:uppercase;*/ padding:62px 0px 13px; margin:0px; margin-top: -38px; } .AppliedMatName2 span{ font-size:18px; color:#474747 !important; font-family: 'Product Sans', Arial, sans !important; padding:10px 0px; font-weight:normal !important; text-align: center; } #popup_mat_name_btm,#popup_mat_name{ text-align: center; color: #6a6a6a; font-family: "Product Sans",Arial,sans-serif; font-size: 14px; margin: 0px; } .UnitPriceTag{ text-align: center; color: #161616; font-family: "Product Sans",Arial,sans-serif; font-size: 18px; padding:15px 0px; } .UnitPriceTag span{ text-align: center; color: #161616; font-family: "Product Sans",Arial,sans-serif; font-size: 18px; font-weight:normal !important; } .UnitPriceTag2{ text-align: center; color: #161616; font-family: "Product Sans",Arial,sans-serif; font-size: 18px; padding:7px 0px; } .UnitPriceTag2 span{ text-align: center; color: #161616; font-family: "Product Sans",Arial,sans-serif; font-size: 18px; font-weight:normal !important; } #sizeDetailsLeft{ min-height: 424px; } .popup_glass_imge{ padding-bottom: 20px; } .UnitPriceGlass{ text-align: center; color: #000000; font-family: "Product Sans",Arial,sans-serif; font-size: 18px; padding:25px 0px; } .UnitPriceGlass span{ color: #000000 !important; font-weight:normal !important; } .UnitGlassPrice{ text-align: center; color: #000000 !important; font-family: "Product Sans",Arial,sans-serif; font-size: 23px; font-weight:normal !important; } .UnitPriceFrames{ color: #000000 !important; font-family: "Product Sans",Arial,sans-serif; font-size: 21px; font-weight:normal !important; padding:13px 0px; text-align: center; margin:0px; } .UnitPriceFrames span{ color: #000000 !important; font-family: "Product Sans",Arial,sans-serif; font-size: 21px; font-weight:normal !important; padding:13px 0px; text-align: center; } .SelectHDW_NEW{ background:#a7a7a7; color:#FFF; padding: 4px 25px; font-size: 14px; text-transform: uppercase; border-radius: 3px; } .SelectHDW_NEWActive{ background:#00a453; color:#FFF; padding: 4px 25px; font-size: 14px; text-transform: uppercase; border-radius: 3px; } .hardwareTxtDiv{ padding:0px; } #allHardwarePopList2{ box-shadow: -1px 13px 31px -2px rgba(186,186,186,1); z-index: 1; border-top-left-radius: 8px; border-top-right-radius: 8px; } #hardwareDetailsLeft{ padding: 15px 0px 20px; background:#ebebeb; } .WatchVideoDIVSeeAll{ background: #000; opacity: 0.7; color: #FFF; text-align: center; /* text-transform: capitalize; */ padding: 5px 0px; /* margin-top: -36px; */ cursor: pointer; cursor: pointer; width: 72%; position: absolute; left: 0px; margin: 0 auto; right: 0; bottom: 134px; } .WatchVideoDIV{ background: #000; opacity: 0.7; color: #FFF; text-align: center; /* text-transform: capitalize; */ padding: 5px 0px; /* margin-top: -36px; */ cursor: pointer; width: 82%; position: absolute; left: 0; margin: 0 auto; right: 0; bottom: 80px; } .WatchVideoDIV p ,.WatchVideoDIVSeeAll p{ margin: 0px; padding: 5px; } .mats_info_text2{ margin: 78px auto 20px -17px !important; } .myclsCanvas{ /*left: 23px !important; width: 256px !important;*/ margin:20px 0px 0px !important; position:unset !important; } #searchTextBtn1s{ right: -5px !important; } .customTabUl li{ /*padding:10px 33px;*/ } .textfor_hdw2{ background: #296388; color: #FFF; padding: 5px 0px; font-size: 21px; font-family: "Product Sans",Arial,sans-serif; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; } .hgrid-img{ border:1px solid #9a9a9a; min-height: 189px; } .Newpricehwd{ font-size: 21px; } .preSizeBtnMob:hover{ background: #006d1c !important; color:#FFF; text-decoration:none; } /*10july*/ .matPreviewCorner{ border: 1px solid #b6b6b6 !important; } /* Commented the code its showing the double tick on the selected mat - 20231108 .mat_color_big div.clsMatActive{background:url(https://www.arttoframe.com/images/white-tik.png) 14px no-repeat; background-size: 45px; } */ #glassDesc{ min-height: 267px; } .glazeCatgName{ padding: 2px 0px 5px ; text-align:center; min-height: 350px; } .glass_label.active{ padding: 3px 28px; } .glass_label{ padding: 3px 28px; border-radius: 3px; font-size: 12px; } .glassoptiondiv { padding-bottom: 0px; } .hardwarev4_label:hover{ text-decoration:none; } .frameboxClass{ min-height: unset !important; } .bg-glass_i_img { background: url(https://www.arttoframe.com/images/productSprite2.png) -10px -43px; width: 24px; height: 23px; padding: 10px 19px; } .bg-cancle_btn{background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -35px -236px;width:26px;height:29px;padding:5px 14px} .call_img{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -132px; width:16px; height:18px; padding:1px 9px } .bg-imagesize_new{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -185px -10px; width:26px; height:22px; padding:5px 14px } .bg-borken2{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -95px; width:17px; height:17px; padding:5px 14px } .bg-broken{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -204px; width:16px; height:16px; padding:5px 14px } .bg-cancle_btn{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -35px -236px; width:26px; height:29px; padding:5px 14px } .bg-caution,.bg-left_arrow_p{ height:65px; padding:22px 51px } .bg-caution{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -10px -10px; width:75px } .bg-left_arrow_p{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -105px -87px; width:44px } .bg-cameracustom{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -35px -407px; width:25px; height:25px; padding:22px 11px } .bg-outerdimension_new{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -35px -452px; width:26px; height:22px; padding:6px 15px } .bg-setting_advance{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -303px; width:15px; height:11px; padding:0 10px } .bg-search{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -105px -365px; width:35px; height:35px; padding:8px 14px } .bg-downsocial{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -240px; width:20px; height:10px; padding:5px 8px } .bg-change_photo{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -35px -367px; width:31px; height:20px; padding:5px 17px } .bg-right_arrow{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -50px; width:16px; height:25px; padding:5px 8px } .bg-right_arrow_p{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -105px -172px; width:44px; height:65px; padding:23px 38px } .bg-email2{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -170px; width:20px; height:14px; padding:5px 12px } .bg-mat_borders{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -231px -10px; width:28px; height:20px; padding:10px 12px } .bg-closePop{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -105px -420px; width:34px; height:34px; padding:10px 19px } .bg-uparr{ background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -105px -10px; width:60px; height:57px; padding:10px 19px } .bg-searchRepeat{ height:30px!important; top:-2px; width:30px; right:-1px!important; position:absolute } .bg-glass_i_img{ background:url(https://www.arttoframe.com/images/productSprite2.png) -10px -43px; width:24px; height:23px; padding:10px 19px } ul.gray li{ color:#888!important; font-size:16px!important; font-family:'Open Sans',sans-serif; list-style-type:none!important; background:url(https://www.arttoframe.com/images/ProductPageSprites.png) -230px -391px no-repeat!important; padding-left:20px!important; list-style-image:none!important } /*for mozila browser*/ @-moz-document url-prefix() { #getHwdId option{ display:block !important; } } /* .activeMat-Image:active .mat_color_big{ opacity:1; } .activeMat-Image{ opacity:0; }*/ .activeMat-Image:hover{ padding: 5px 0px; } .activeMat-Image{ padding: 5px 0px; } .seeallactivemat{ padding: 25px 6px !important; } .Note_txt{ font-family: 'Product Sans', Arial, sans !important; font-size:14px !important; text-align:center !important; background:#287db2 !important; padding:2px 0px; color:#FFF !important; line-height:1.5 !important; margin-bottom: 9px !important; min-height:27px !important; } .MoreInfo_text{ font-family: 'Product Sans', Arial, sans !important; font-size:16px !important; color:#727272; text-decoration:underline; font-weight: normal; padding: 0px 9px; cursor:pointer; } .tooltiptext{ background:#287db2; position:absolute; bottom:50px; left: 0px; width: 509px; border-radius: 10px; padding: 10px; box-shadow: 6px 9px 10px -3px rgba(0,0,0,0.32); z-index: 99999; } .tooltiptext:after{ content: ""; position: absolute; top: 103%; left: 22%; margin-top: -5px; border-width: 16px; border-style: solid; border-color: #287db2 transparent transparent transparent; transform: rotate(0deg); } .tooltiptext p{ font-family: 'Product Sans', Arial, sans !important; font-size:14px !important; color: #FFF !important; margin: 0px !important; line-height: normal !important; text-align: justify !important; padding:5px 0px !important; } /* @media (min-width:2052px) and (max-width:2732px) { #leftSidePanel { height: 54.6% !important; } } @media (min-width:2733px) and (max-width:4102px) { #leftSidePanel { height: 70.5% !important; } } @media (min-width:4103px) and (max-width:5464px) { #leftSidePanel { height: 70.5% !important; } }*/ .overlay-glass{ width: 154px; height: 157px; cursor:pointer; position: absolute; top: 11px; background-repeat: no-repeat; bottom: 0; left: 0; right: 0; margin: 0 auto; border-radius: 3px; } .overlay-glass{ opacity:0; } .glazeCatgName:hover .overlay-glass{ opacity:1; } .glass-dialog{ width:1155px; margin:0 auto !important; } .backbtn-new{ background:#316a9d; color:#FFF; font-family: "Product Sans", Arial, sans !important; font-size:13px; padding: 4px 25px; border-radius: 3px; text-transform: uppercase; cursor:pointer; } #new-glass-details{ top: 14%; z-index: 105655555555555555555555; } .bg-for-modal{ background:#f5f5f5; } .glass-info-container{ padding: 20px 0px 9px 51px; } .backbtn-holder{ padding-top: 17px; padding-right: 13px; } .cancel_btn_new{ color:#316a9d; background:#f5f5f5; border:1px solid #316a9d; border-radius:3px; padding:4px 23px; margin-right: 38px; } .select-btn-glass{ color:#FFF; background:#316a9d; border:1px solid #316a9d; border-radius:3px; padding:4px 23px; } .featuretxt{ font-family: "Product Sans", Arial, sans !important; font-size:20px; color:#4e5255; padding:20px 0px; text-transform: capitalize; } #chooseFrameMob{ top:48px; } .sizeDialog { margin:0 auto !important; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 12px !IMPORTANT; height:100% !important; margin: 0 auto; background-color:#4275a3 !important; margin-top:0px !important; } #mCSB_5_dragger_vertical{ width: 17px !important; margin-top:0px !important; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 13px !important; } @media (min-width:768px) and (max-width:1200px){ #chooseFrameMob{ overflow-x: scroll !important; } } #chooseFrameMob{ height:90%; overflow-y: hidden; } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height:8px !important; } #productsave{ top: 60px; } /* .all-sizes:nth-child(22){ clear:both !important; } .saparator_sizes_product{ clear: both; width: 100%; margin: 12px 0px; border-bottom: 1px dotted #bfbfbf; z-index: 9999; padding: 10px 0px; }*/ #cart_popup,#glassinfopopup{ z-index: 99999; } .modal{ z-index: 99999 !important; } #cart_popup.in ~ .modal-backdrop.in { opacity: 0.5 !important;} #img_zoomsrc{ position: absolute; top:0; bottom: 0; left: 0; right: 0; margin:auto !important; } #main_image_zoom{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .forGlassOption{ width: 270px; }