.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
}

.secondblockchild .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(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 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
}

.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 {
    height: 102%!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
}

/*#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
}



.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;    
}

#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
}

#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(images_2014/mobile/radio_chk.png) 46px 8px no-repeat rgba(0, 0, 0, 0);
    background-size: 16px 16px
}

.label_radio_bg {
    background: url(/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(/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(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 {
    height: 500px
}

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

#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(http://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
}

.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(/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(/images/white_square.png) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    background: url(/images/Switcher-OFF.png) 3px 1px no-repeat rgba(0, 0, 0, 0);
    /*margin-left: 39px;*/
}
.noftLabel.active {
    /*background: url('/images/ white_bluebox.png') 3px 1px no-repeat rgba(0, 0, 0, 0)*/
    /*background: url('/images/white_tik_checkbox.jpg') 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    background: url('/images/Switcher-ON.png') 3px 1px no-repeat rgba(0, 0, 0, 0);
    
    
}

.topleftLabel {
    /*background: url(/images/white_square.png) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    background: url(/images/Switcher-OFF.png) 3px 1px no-repeat rgba(0, 0, 0, 0);
    /*margin-left: 39px;*/
}

.topleftLabel.active {
    /*background: url(/images/white_bluebox.png) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    /*background: url(/images/white_tik_checkbox.jpg) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    background: url(/images/Switcher-ON.png) 3px 1px no-repeat rgba(0, 0, 0, 0);

}

.bottomleftLabel {
    /*background: url(/images/white_square.png) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    background: url(/images/Switcher-OFF.png) 3px 1px no-repeat rgba(0, 0, 0, 0);
    /*margin-left: 39px;*/
}

.bottomleftLabel.active {
    /*background: url(/images/white_bluebox.png) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    /*background: url(/images/white_tik_checkbox.jpg) 3px 1px no-repeat rgba(0, 0, 0, 0);*/
    background: url(/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(/images/gray_square.png) 10px 2px no-repeat rgba(0, 0, 0, 0);
    margin-top: -1px!important;
    padding-left: 26px;
    background-position-x: 5px;
}

.forGlassOption label.selectrad2,
.new_no_mat label.selectRadio {
    background: url(/images/white_square.png) 10px 2px no-repeat rgba(0, 0, 0, 0);
    margin-top: -1px!important;
    padding-left: 32px
}

.forSizeOption label {
    background: url(/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(/images/bluetik_box.png) 11px 2px no-repeat rgba(0, 0, 0, 0);*/
    background: url(/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
}


#mobile_sel_size {
    background: url(/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
}

#bottom_mat-container_custom .clsMatActive,
#top_mat-container_custom .clsMatActive,
.mat_color_big div.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(/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: 8px Important;
    margin-top: 5px;
    background-position: left!important
}

.mCSB_dragger,
.mCSB_dragger_bar {
    width: 60px!important;
    height: 7px!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: #000
}

@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
    }
    
    .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 {
    /*font-size: 12px;
    text-align: center;
    background: #6a6a6a;
    color: #FFF;
    padding: 2px 4px;
    border-radius: 3px;
    top: 4px;
    position: absolute;
    font-family: 'Product Sans', Arial, sans-serif !important;
    font-size: 12px !important;
    margin-left: 10px;
    */
	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;
    top: -40px;
    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
}

.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: 66px;
    position: absolute;
    top: -13px;
    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
}

.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 {
    height: 545px!important;
    margin-top: -30px!important;
    max-width: 550px
}

#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: 190px;
    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
}
.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;
}

.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; /* make scrollbar transparent */
}





/*.seeAllframe {
    font-size: 12px!important;
    text-align: center;
    background: #6a6a6a!important;
    padding: 2px 5px;
    border-radius: 3px;
    top: -4px;
    position: absolute;
    font-family: 'Product Sans', Arial, sans-serif !important;
    font-size: 12px !important;  
}
.sellAllGlass{
    cursor:pointer;
    float:right;
    color:#fff;
    background:#6a6a6a !important;
    padding:2px 4px;
    border-radius:4px;
    text-decoration:none;
    font-family: 'Product Sans', Arial, sans-serif !important;
    font-size: 12px !important;
    margin-top: 1px;

}
.sellAllGlass:hover {
    color: #FFF;
    text-decoration:none;
}

.sellAllhardware {
	cursor:pointer;
	float:right;
	color:#fff;
	background:#6a6a6a !important;
	padding:2px 4px;
	border-radius:4px;
	text-decoration:none;
	font-family: 'Product Sans', Arial, sans-serif !important;
	font-size: 12px !important;  
	margin-top: 2px;
}
.sellAllhardware:hover {
    color: #FFF;
    text-decoration:none;
}
*/

.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;  	
}