/* dependency changed: 7.29.2022.05.08.36 */ /* variables.less is the only modified bootstrap file for easy upgrade */ // @import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic"; @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap'); /* imports */ @import "/assets/site/css/bootstrap.less"; @import "/assets/site/css/fancybox.less"; @import "/assets/site/css/nivo.less"; /* variables */ @lightestGray : #f8f8f8; @gradientStart: #f8f8f8; @gradientEnd : #e5e5e5; @priceColor: #af0000; @navbarText: #244A66; @accutomeBlue : #005288; @accutomeGray : #838589; @accutomeLightBlue: #80a1b6; @darkBlue : #052133; @midBlue : #0b7bbf; @lightBlue: #6cbce8; @orange : #ed6f1e; @vibrantOrange: #f3901b; body { font-family: 'Roboto', sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, section header { font-family: 'Poppins'; } h2 { color: @accutomeBlue; } h3 { color: @accutomeBlue; } #nivoContainer { width : 1130px; height: 199px; } #nivoSlideShowContainer { width : 856px; margin-right: 1px; float : left; } #surgical-slide { background: url(../img/home/surgical.jpg) no-repeat; width : 856px; height : 199px; } #diagnostic-slide { background: url(../img/home/diagnostic.jpg) no-repeat; width : 856px; height : 199px; } #clinical-slide { background: url(../img/home/clinical.jpg) no-repeat; width : 856px; height : 199px; } #tabContainer { width: 250px; float: right; } .tab_but { background-color: @darkBlue; margin-bottom : 3px; transition : background-color 250ms ease-in-out; a { display : inline-block; height : 38px; line-height : 38px; width : 100%; box-sizing : border-box; padding-left : 15px; font-family : 'Poppins'; font-weight : 600; text-transform: uppercase; color : #fff; } &:hover { background-color: @lightBlue; a { text-decoration: none; } } } .tab_but:nth-child(1), .tab_but:nth-child(2) { margin-bottom: 2px; } .btn-primary { background-color : @darkBlue; background-image : linear-gradient(to bottom, #4899AA, #336677); background-repeat: repeat-x; &:hover { background-color: #336677; } &:active, &:focus { background-color: #336677; } } .span13 { width: 1130px; } .span12 { width: 1060px; } .span11 { width: 970px; } .span10 { width: 880px; } .span9 { width: 790px; } .span8 { width: 700px; } .span7 { width: 610px; } .span6 { width: 520px; } .span5 { width: 470px; } .span4 { width: 340px; } .span3 { width: 250px; } .span2 { width: 160px; } .span1 { width: 70px; } a { color : @accutomeLightBlue; outline: 0 !important; } /* well overrides */ .well { .border-radius(none); .box-shadow(none); } .well-grad { border: 0; #gradient>.vertical(@gradientStart, @gradientEnd); } /* sprites */ i.ico { display: inline-block; .ie7-restore-right-whitespace(); vertical-align: text-top; } .ico-cart, .ico-cart-off, .ico-chat, .ico-sm-fb, .ico-sm-tw, .ico-sm-yt, .ico-payment { background: url(../img/icon/sprites.png) no-repeat; } .ico-cart { background-position: 0 0; width : 20px; height : 20px; margin-top : -3px; } .ico-cart-off { background-position: -31px 0; width : 20px; height : 20px; } .ico-chat { background-position: -69px 0; width : 20px; height : 20px; } .ico-sm-fb { background-position: 0 -27px; width : 32px; height : 32px; } .ico-sm-tw { background-position: -48px -27px; width : 32px; height : 32px; } .ico-sm-yt { background-position: -96px -27px; width : 32px; height : 32px; } .ico-sm-g+ { background-position: -96px -27px; width : 32px; height : 32px; } .ico-payment { background-position: 0 -65px; width : 193px; height : 24px; } .payments { background: url(../img/icon/payment.png) no-repeat; display : inline-block; width : 150px; height : 30px; margin : 10px 0px 0px; } @media print { .noprint, footer, #page-header, .rail, #page-footer, #title-header, .breadcrumb, .product-quantity, .form-actions, .actions, .profiler-results, .btn, .alert { display: none; } input[type=text] { border : none; background: transparent; box-shadow: none; text-align: center; } #main { margin-top: 30px; } .print { display : block; background-image: none; background-color: #fff; } } @media screen { #print-region { display: none; } } /* general styles */ // h1, // h2, // h3, // h4, // h5, // h6 { // color : @accutomeBlue; // font-family : 'Source Sans Pro', sans-serif; // font-weight : 400; // margin : 10px 0; // text-rendering: optimizelegibility; // } .content-page h2 { font-size : 18px; color : @accutomeBlue !important; font-weight: 400; } .content-page h3 { color : @accutomeBlue; font-weight: 400; } .content-page h4 { font-size: 16px; color : @accutomeBlue; } .field-validation-error { font-size: 10px; } .control-label span.required { color : #B94A48; position : relative; left : 10px; font-size: 16px; } .help-block { font-style: italic; font-size : 11px; } h1 { font-size : 24px; line-height: @baseLineHeight * 2; font-weight: normal; small { font-size: 14px; } } li { a.disabled { color: #999 } small { font-size: @baseFontSize - 2; color : #999; } } .disabled .ico-cart { .ico-cart-off() } .rail .well { padding : 12px; margin-bottom : 10px; background-color: #ebf6fc; border-color : @lightBlue; font-family : 'Poppins'; // .box-shadow(0px 2px 10px -2px rgba(0, 0, 0, 0.2)); } .read-more { font-size : @baseFontSize - 2; font-style: italic; } .control-group.denotes-required { font-size: 11px; padding : 0; margin : 0; .controls { margin-left: 125px; } span { position : relative; left : -4px; top : 6px; color : #b94a48; font-size: 16px; } } .alert-info { background-color: #efefef; border-color : #ccc; color : @linkColor; } a.open-modal { text-align: center; img { display: block; margin : 0 auto; } span { display : block; margin-top : 10px; font-size : 10px; font-weight: bold; } } /* page areas */ .container { width: 1130px; } #wrapper { position : relative; width : 100%; min-width: 1296px; margin : 0 auto; padding : 0; } #page-header-top { height : 40px; background-color: @darkBlue; border-bottom : solid 5px @orange; } #page-header, #page-footer { width : 100%; min-width: 960px; } #page-header-inner { .container(); position: relative; } #system-home-page .breadcrumbs { display: none; } #search-page #title-header { display: none; } #title-header { margin-bottom: 15px; border-bottom: 1px solid @grayLighter; h1 { line-height: 1; color : @darkBlue; font-weight: 500; } } .breadcrumb { font-size : 13px; background-color: transparent; padding-left : 0px; } .breadcrumb a { color: #666; } .breadcrumb .active a, .breadcrumb .active span { color: @lightBlue; } .category-page .breadcrumbs { margin-top: 10px; } // #page-header-top { // display: none; // /* hide for now */ // height : 32px; // margin : 0; // padding: 0 20px; // #gradient>.vertical(@gradientStart, @gradientEnd); // ul { // float : right; // margin: 0; // li { // text-align : right; // display : inline; // padding : 0 10px; // line-height : 30px; // border-right: 2px solid #ccc; // &:last-child { // border-right : none; // padding-right: 0; // } // } // } // } #accutome-by-keeler-logo { position: absolute; right : 0; top : 0; a { margin : 0; width : 220px; height : 0; padding-top : 49px; display : inline-block; overflow : hidden; background-image : url(../img/accutome-by-keeler-2022-220px.png); background-repeat: no-repeat; background-size : contain; } } #page-header-logo { a { margin : 0; width : 199px; height : 0; padding-top: 44px; display : inline-block; overflow : hidden; background : url(../img/keeler-primary-blue.png) no-repeat; } } #page-header-logo-mst { a { margin : 0 0 0 10px; width : 100px; height : 0; padding-top: 100px; display : inline-block; overflow : hidden; background : url(../img/logos/ACCU-logo-100px.jpg) no-repeat; } } #page-header-logo-mst-full { margin : 0; position: relative; top : -10px; a { margin : 0 0 0 10px; width : 80px; height : 0; padding-top : 80px; display : inline-block; overflow : hidden; background : url(../img/ACCU-logo-100px.jpg) no-repeat; background-size: contain; } } h5#header-phone-numbers { position : absolute; font-size : 13px; font-weight: 300; color : @darkBlue; top : 70px; left : 8px; margin : 0px; a { color: @darkBlue; } } #page-header-main { position : relative; margin : 20px 0 20px 0; min-height: 90px; .search { // width:500px; width : 50%; position : absolute; // left : 420px; // top : 6px; left : 250px; top : 0px; background-color : transparent; border : solid 3px @darkBlue; .border-radius(0px); padding : 0px; // box-shadow : 2px 1px 2px #999; border-bottom-color : @darkBlue; border-top-color : @darkBlue; form { margin : 0; padding: 0; } input { margin : 0; width : 100%; box-sizing : border-box; background-color: #fff; border-radius : 0px; border-color : @darkBlue; height : 40px; box-shadow : none; padding-right : 40px; color : @darkBlue; } input::placeholder { color : @darkBlue; font-weight: 600; font-family: 'Poppins'; } button { line-height : 20px; padding : 4px 9px; position : absolute; right : 5px; top : 5px; background-image: none; background-color: @orange; transition : background-color 250ms ease-in-out; &:hover { background-color: @vibrantOrange; } } } } #user-menu { position : absolute; right : 3px; top : -54px; list-style : none; font-weight: 400; @userMenuFontSize: 14px; ul { margin: 0px; li { float : left; display : inline; margin-left: 15px; color : @darkBlue; font-size : @userMenuFontSize; font-family: 'Poppins'; a, small { font-size: @userMenuFontSize; color : #fff; } } li a.disabled { color: #fff; } } } #main { min-height : 500px; margin-bottom : 10px; background-color: #fff; position : relative; z-index : 1; } #system-home-page #title-header { display: none; } #home-slideshow { width : 1130px; height : 440px; padding: 0px; margin : 0px 0px 30px 0px; } #search-filter { float: left; width: 262px; h4 { color: @lightBlue; strong { font-weight: 500; } } } #filter-search-container { background-color: #F0F0F0; width : 100%; padding : 0px; margin : 0px; #filter-search-header { background-color: @darkBlue; color : #fff; padding : 4px 0px 4px 20px; width : 242px; font-size : 18px; font-weight : 300; h4 { color : #fff; margin : 6px 0px; font-weight: 600; } } .filter-module { border : none; border-radius: 0px; .body { border : none; border-radius: 0px; h5 { display: none; } } } form { margin : 5px 0px 0px 0px; width : 242px; padding-bottom: 10px; .criteria-select { margin-bottom: 10px; } .btn-large { padding: 6px 15px; } } } #callouts-container { float : left; width : 840px; margin-left: 26px; h5 { font-size : 28px; font-weight : 500; color : @darkBlue; margin : 8px 0px 24px 0px; border-bottom : solid 2px @darkBlue; padding-bottom: 20px; } #callout-left-container { float : left; width : 410px; height: 286px; } #callout-right-container { float : left; width : 410px; height : 286px; margin-left: 20px; } .links-container { float : left; margin-left: 4%; width : 400px; &:first-of-type { margin-left: 0px; } select { width: 250px; } } #save-on-aui { /*float:left; display:block; width:400px; height:190px;*/ margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/accu_savediagnosticequip_400x190_0415.jpg'); } #eyeopener-article { margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/objective-scatter-index_homepage.jpg'); } #escrs-knife-repair { margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/escrs-knife-repair.jpg'); } #nate-uganda { margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/nate-with-kids-in-uganda-1.jpg'); } #surg-promo { /*float:left; display:block; width:400px; height:190px;*/ margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/guarded_blade.jpg'); } #protect-diamond-knife { margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/eyeopener_six_article_400x190_0615.jpg'); } #diagnostic-trade-in { margin : 0px 0px 40px 0px; display : inline-block; width : 100%; font-size : 0; line-height : 0; vertical-align : middle; background-size : 100%; background-position: 50% 50%; background-repeat : no-repeat; background-image : url('/assets/site/img/Promotions/eyeopener_find_400x190_0415.jpg'); } .promo-inner { display : block; height : 0px; padding-top: 47.5% } } #home-links { margin: 20px 0px 30px 0px; width : 100%; .links-container { float : left; width : 500px; margin-left: 42px; h5.home-links-header { font-size : 22px; font-weight : 300; color : @darkBlue; border-bottom: solid 1px @darkBlue; } .home-links-listing { margin : 0px 0px 0px 5px; list-style-type: none; width : 230px; float : left; &:nth-of-type(2) { margin-left: 25px; } li { margin-bottom: 5px; a { clear: both; } } } &:first-of-type { margin-left: 0px; } } } #news-media-social-container { width : 100%; min-width: 1140px; margin : 5px 0px 30px 0px; float : left; #news-media-container { float : left; width : 534px; margin: 0px 0px 0px 0px; .box-shadow(inset 0 3px 8px rgba(10, 10, 10, .25)); border : solid 1px #0076bb; border-radius: 5px; /*height:725px;*/ #news-inner { height : 655px; overflow-y: scroll; } .news-media-body { width : 500px; padding: 20px 0px 10px 15px; #youmax-featured { display: none; } #youmax-playlists { display: none; } .youmax-video-tnail { height: 90px !important; } ul#home-docs-list { li { list-style-image: url(../img/pdf-icon-transparent.png); margin : 0px 0px 13px 0px; padding : 0px 0px 5px 5px; text-transform : uppercase; } } } h4 { background-color: @darkBlue; color : #fff; border-radius : 5px 5px 0px 0px; margin : 0px; padding : 10px 0px 10px 10px; padding : 11px 0px 12px 16px; width : 519px; } .news-row { padding : 8px; border-bottom: dotted 2px #898989; width : 95%; // .img-left {} .news-media { h5 { font-weight: 500; font-size : 15px; } h6 { font-weight: 400; font-size : 12.5px; } // small {} } &:last-of-type { border-bottom: none; } } } .news-media { h5 { color: @accutomeGray; } } #events-wrapper { float : left; width : 534px; margin: 0px 0px 0px 60px; #events-container { float : left; width : 534px; margin: 0px 0px 30px 0px; .box-shadow(inset 0 3px 8px rgba(10, 10, 10, .25)); border : solid 1px #0076bb; border-radius: 5px; #events-inner { overflow-y: scroll; height : 220px; } h4 { background-color: @darkBlue; color : #fff; border-radius : 5px 5px 0px 0px; margin : 0px; padding : 10px 0px 10px 10px; padding : 11px 0px 12px 16px; width : 519px; font-weight : 600px } .news-row { padding : 8px; border-bottom: dotted 2px #898989; width : 95%; // .img-left {} .news-media { h5 { font-weight: 500; font-size : 15px; } h6 { font-weight: 400; font-size : 12.5px; } // small {} } &:last-of-type { border-bottom: none; } } } #twitter-container { float : left; width : 534px; height: 402px; margin: 0px 0px 0px 0px; .box-shadow(inset 0 3px 8px rgba(10, 10, 10, .25)); border : solid 1px #0076bb; border-radius: 5px; #twitter-inner { h4 { background-color: @darkBlue; color : #fff; border-radius : 5px 5px 0px 0px; margin : 0px; padding : 10px 0px 10px 10px; padding : 11px 0px 12px 16px; width : 519px; font-weight : 600px } } iframe#twitter-widget-0 { width : 534px !important; height: 359px !important; } } #calendar-container { float : left; width : 427px; /* height:200px; */ margin : 30px 0px 0px 0px; .box-shadow(inset 0 3px 8px rgba(10, 10, 10, .25)); border : solid 1px #0076bb; border-radius: 5px; h4 { background-color: #14758F; color : #fff; border-radius : 5px 5px 0px 0px; margin : 0px; padding : 10px 0px 10px 10px; padding : 11px 0px 12px 16px; width : 411px; font-weight : 400 } #calendar-content-body { width : 407px; padding: 10px 10px 0px 10px; .calendar-entry { padding : 0px 0px 10px 0px; border-bottom: solid 1px #ccc; h6 a { font-size : 14px; color : @darkBlue; font-weight: 600; } } } } } } .category-page #main, #main.span10 { width: 840px; } .product-page #main { width : 100%; margin-left: 0px; } .product-page #product-inner { width : 100%; margin-left: 0px; } .layout-3-column { #product-inner { width: 540px; } } footer { // background-image : url('/assets/site/img/footer_backgrnd.jpg'); // background-size : cover; // background-repeat: no-repeat; background-color: @darkBlue; padding : 30px 0 60px 0; * { font-family: 'Poppins'; } .footer-flex { display : flex; max-width : 100%; width : 100%; gap : 15px; justify-content: start; align-items : center; img { // max-width : 50%; display : flex; justify-content: center; align-items : center; height : auto; } } small { color : #fff; margin : 0 auto; position : relative; display : block; text-align: center; padding : 0 20px; } #page-footer-inner { .container(); position: relative; color : #ffffff; #footer-social { width : 100%; margin: 10px 0px 20px 0px; a { float : left; margin-left: 15px; &:first-of-type { margin-left: 0px; } } } // #footer-left {} #footer-center { border-left : solid 1px #013c64; border-right: solid 1px #013c64; min-height : 230px; .span4 { margin-left: 16px !important; width : 182px; } } #footer-right { p { font-size: 13px; width : 110%; } } #footer-bottom { p { font-size: 13px; padding : 40px } } #our-partners { float : left; margin: 0px 0px 0px 0px; width : 100%; } #page-footer-logo { display : block; width : 238px; height : 54px; // background : url('../img/footer-logo-updated-1.png') no-repeat; background : url('../img/acc-keeler-logo-white-color-cmyk.png') no-repeat; background-size : contain; margin-left : 0px; margin-bottom : 40px; } #page-footer-logo-mst { display : block; width : 238px; height : 69px; background : url('../img/footer-logo-mst-basics.png') no-repeat; margin-left : 0px; margin-bottom: 20px; } a { color : #fff; font-size: 14px; } h5 { color : @vibrantOrange; font-weight: 500; font-size : 17px; } #footer-right h5 { color : @lightBlue; margin-bottom: 20px; } h5.footer-phone { color : @vibrantOrange; font-weight : 500; font-size : 16px; margin-bottom: 0px; margin-top : 5px; a { color : @vibrantOrange; text-decoration: none; } } h6 { color : @vibrantOrange; // border-bottom : solid 1px #fff; font-weight : 500; font-size : 14px; text-transform : uppercase; // width : 160px; } h6#social { color : @vibrantOrange; font-weight : 400; font-size : 16px; border-bottom : none; text-transform: none; letter-spacing: 1.2px; width : 100%; margin-bottom : 20px; } .page-footer-menu { margin: 20px 0 0 0; li { display : block; width : auto; margin-right: 0px; font-size : 13px; line-height : 36px; } } } } footer#footer-header { background-color: #f0f0f0; padding : 30px 0px; .box-shadow(inset 0 3px 8px rgba(0, 0, 0, .05)); border-top: solid 1px #b0b0b0; } #footer-header-inner { .container(); position: relative; width : 850px; #instrument-repair-center { float : left; height : 84px; margin-left: 0px; width : 277px; &:hover { opacity: 0.75; } } #find-a-rep { float : left; height : 84px; width : 277px; margin-left: 7px; &:hover { opacity: 0.75; } } #support { float : left; height : 84px; width : 277px; margin-left: 7px; &:hover { opacity: 0.75; } } } /* alerts */ #growl-alerts { position: fixed; z-index : 1001; width : 300px; right : 20px; top : 190px; } .alert { margin-bottom: 10px; .close { top: 2px; } } /* form */ .form-horizontal { .control-group { margin-bottom: 10px; } .control-text { padding-top: 5px; } } .pagination { margin: 0 0 10px 0; .clearfix(); .summary { float : left; line-height: 27px; font-size : @baseFontSize - 2px; font-style : italic; } ul { float: right; } } .img-polaroid { .box-shadow(0 0 6px rgba(0, 0, 0, .2)); } form.form-vertical { .control-group { margin-bottom: 0; } .control-label { display : block; float : none; text-align: left; } .controls { margin-left: 0; } } .peek-password { .password { width: 103px; } .password-clone { color: #ccc; } .add-on input { margin : 0; position: relative; top : -2px; } } .shadow-lifted { position: relative; .box-shadow(0px 0px 0px 1px rgba(0, 0, 0, 0.2)); &:before, &:after { content : ""; z-index : -1; position : absolute; bottom : 15px; height : 50px; left : 1px; max-width: 50%; width : 50%; .skew(-3deg, -2deg); .box-shadow(0 15px 5px rgba(0, 0, 0, 0.3)); } &:after { .skew(3deg, 2deg); left : auto; right: 1px; } } /* slideshow */ #slideshow { border : none; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5); } .carousel.slide-fade { .item { .transition(opacity 1.5s ease-in-out); } .active.left, .active.right, .item.fading { left : 0; z-index: 2; .opacity(0); } .next, .prev { left : 0; z-index: 1; } .carousel-control { z-index : 3; top : 95%; width : 20px; height : 20px; font-size : 30px; line-height: 15px; opacity : 0.4; &:hover { opacity: 0.8 } } } /* sections/modules */ section { &.area { margin-bottom: 20px; header { padding : 8px 16px; background-color: #efefef; font-size : @baseFontSize + 2px; font-weight : bold; } .body { padding: 15px; h4 { margin-bottom: 10px; } } } &.module { .box-shadow(0px 2px 10px -2px rgba(0, 0, 0, 0.2)); margin-bottom: 20px; header { background-color: @darkBlue; color : #ffffff; padding : 0 10px; line-height : 34px; font-weight : 500; text-transform : uppercase; } .body { background-color: #ebf6fc; border : 1px solid @lightBlue; border-top : none; padding : 10px; } } form { margin-bottom: 0; .control-group:last-child { margin-bottom: 0; } } } #loading-sm { display : none; background: url('../img/icon/loading-sm.gif') no-repeat; width : 24px; height : 24px; } #loading-hz { display : none; background: url('../img/icon/loading-hz.gif') no-repeat; width : 100px; height : 24px; } .module-loading { display: none; div { margin : 5px auto; display : block; text-align: center; font-size : 11px; font-style: italic; } } .small-module { .control-label { width : 100px; font-size: @baseFontSize - 2; } .control-icon-label { width: 110px; i { position: relative; left : 5px; top : 1px; } } .controls { margin-left: 120px; } } .module.filter-module { border: 1px solid @lightBlue; .border-radius(5px); margin-top : 0px; margin-bottom: 30px; box-shadow : none; h5 { font-size : 15px; font-weight: 500; margin-top : 0; } .body { height: auto; .border-radius(5px); background-color: #ebf6fc; } .module-loading { margin-top: 40px; } .selected-option { width : 195px; margin : 1px 0 9px 0; height : 30px; line-height: 30px; position : relative; span { text-shadow: 0 1px 0 #ccc; font-weight: normal; display : block; margin-left: 10px; width : 170px; white-space: nowrap; overflow : hidden; } button { position: absolute; right : 0; top : 2px; i { opacity: .6 } } } .btn { .btn-mini(); box-shadow : none; font-family : 'Poppins'; background-image: none; background-color: transparent; text-shadow : none; font-size : 12px; font-weight : 500; padding : 2px 6px; } .btn-clear { margin-right: 5px; border-color: @darkBlue; color : @darkBlue; &:hover { background-color: #fff; } } .btn:not(.btn-clear) { background-image: none; background-color: @orange; border-color : @orange; &:hover { background-color: @vibrantOrange; } } select { width: 100%; } select, .textbox { margin-bottom: 9px; } .textbox { width : 215px; border-color: @darkBlue; } ::placeholder { color : #bbb; font-size : 12px; font-family: 'Poppins'; } } .links-module { ul { li { line-height : 28px; list-style-image: url(../img/icon/raquo.gif); font-size : 13px; &.active { font-weight: bold; } ul { font-weight: normal; } } ul { margin-left: 15px; li { list-style-image: url(../img/icon/rsaquo.gif); } } } } .search-return { position: absolute; right : 5px; top : 5px; } #search-filter-module .categories { margin-top: 20px; ul { margin-left: 0; li { list-style : none; padding-left: 0; } } ul ul { margin-left: 25px; li { list-style-image: url(../img/icon/raquo.gif); } } } /* categories */ #subcategories { .thumbnails { margin-left: 0; } .thumbnail { padding : 10px; width : 180px; min-height : 215px; float : none; display : inline-block; vertical-align: top; margin-left : 14px; } .category-description { font-size: @baseFontSize - 1; margin : 10px 0 0 0; } img { display: block; margin : 0 auto 15px auto; } span { display : block; font-weight: bold; text-align : center; } } /*#subcategories .thumbnails .thumbnail:nth-of-type(4n+1) { margin-left:0px; }*/ #products { .rows { border : 1px solid @grayLighter; border-left : none; border-right : none; padding-top : 10px; margin-bottom: 10px; } .row { margin-left : -2px; padding : 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid @grayLighter; &:last-child { border-bottom: none; } form { margin-top: 10px; } .product-image { width : 150px; padding : 0; margin-left : 0; margin-right: 10px; } .out-of-stock { display: none; } .in-stock { color: @priceColor; } } .product-quantity { display : inline; position: relative; .field-validation-valid { display: none; } .field-validation-error { position: absolute; left : 0; top : 24px; width : 135px; } } .product-details { width: 500px; h5 { margin-top : 0; text-shadow: 0 1px 0 #999; font-weight: 300; font-size : 16px; } dl { margin-bottom: 0; } dt { width : auto; margin-right: 5px; } dd { margin-left : 0; margin-bottom: 8px; } .product-description { white-space: normal; word-break : normal; word-wrap : normal; } } .price-regular { font-size: @baseFontSize + 6; margin : 15px 0; } .price-range { font-size: @baseFontSize + 4; margin : 15px 0; } .price-discounted { div { margin-bottom: 3px; } .price-regular { font-size: @baseFontSize; } .price-sale { font-size: @baseFontSize + 3; } .discount { font-size: @baseFontSize - 2; } } form, form input { margin-bottom: 0; } } #subcategories+#products { margin-top: 40px; } /* product details */ #product { .thumbnails { margin-top: 20px; } .price-discounted { margin-top: 4px; div { line-height: 24px; } } .out-of-stock { // display: none display: inline-block; margin : 0 30px 20px 0; } .price-regular { font-size: @baseFontSize + 3; } .price-sale { font-size: @baseFontSize + 6; } .discount { font-size: @baseFontSize + 1; } #product-tabs { float : left; width : 100%; margin : 0 0 20px 0px; background-color: #fcfcfc; } .well.product-purchase { background-color: #fcfcfc; padding : 10px; border-radius : 1px; float : left; width : 680px; max-width : 100%; box-sizing : border-box; .form-actions { padding: 10px 0px 10px 180px; } } } .product-image { text-align: center; padding : 10px 15px; } #product-top { margin-bottom: 15px; } #product h1 { line-height : 24px; margin : 0 0px 10px 0; border-bottom : 1px solid #ccc; padding-bottom: 7px; color : #838589; } #product-rail { width: 420px; } #product-main { width : 660px; margin-left: 30px; } .price-regular, .price-range { color : #397D02; text-shadow: 0 1px 0 #999; } .price-discounted { .price-regular { color : #999; text-decoration: line-through; } .price-sale { color : #397D02; text-shadow: 0 1px 0 #999; } .discount { color : #999; font-style: italic; } } .product-details { h5 { margin-bottom: 15px; font-size : 14px; font-weight : normal; } dt { width: 100px; } dd { margin-left: 110px; } .thumbnails { margin-top: 20px; } } #overview .product-description { margin-bottom: 18px; } .product-purchase { dl { margin-top: 0; dt, dd { line-height: 26px; } dt { width: 210px; } dd { margin-left: 230px; font-size : @baseFontSize + 2; color : #666; } } .control-label { font-weight: bold; } form, .form-actions { margin-bottom : 0; padding-bottom: 0; } // .out-of-stock { // display: none // } .in-stock { color : @priceColor; font-size : @baseFontSize + 4; display : block; margin-bottom: 10px; } .field-validation-error { margin-top: 5px; color : #af0000; } h5 { margin-top: 0; } } .product-items { // th:first-of-type {} .in-stock, .out-of-stock { display : block; margin-top: 5px; color : @priceColor; } .purchase { width: 120px; } .product-quantity { display: inline; } .product-item-name { position : relative; padding-right: 40px; .popover { width : 300px; position: absolute; } } .product-item-info { position: absolute; right : 0; } } /* account */ .account-right { width: 520px; } .customer { margin-bottom: 20px; } #account-info { dl { margin: 0; } dt { width: 140px; } dd { margin-left: 150px; } hr { margin: 10px 0; } } .account-address { position: relative; padding : 8px 10px; hr { margin: 2px 0; } small { font-style: italic } } ul.account-links { margin-top: 15px; } #shopping-cart, #order-invoice { position: relative; .actions { text-align : right; margin-bottom: 25px; } .actions-top { position: absolute; top : -55px; right : 0; } } #invoice { .address-identifier { display: none; } } /* cart */ #cart-items, .order-items { .hr td { border-bottom: 1px solid #ccc; } .footer td { background-color: #fff; border : none; } .product-quantity .field-validation-error { margin : 7px 0 0 0; padding: 0; display: block; } .quantity .btn { position: relative; top : 5px; } .product-image { width: 65px; img { width: 50px; } } h5, dl, form { margin: 0; } dt, dd { font-size : @baseFontSize - 3; text-align: left; } #quick-add { margin-top: 0; float : left; } .charges { width : 250px; margin-bottom: 0; td { text-align: right; font-size : @baseFontSize + 2px; .strong { font-weight: bold; } } .total { td { font-size : @baseFontSize + 7px; border-top: 1px solid #ccc; } .figure { color: @priceColor; } } } .product-details { font-size: 12px; } .product-description, .part-number { margin-bottom: 10px; } .out-of-stock, .in-stock { font-size : 13px; font-weight: bold; color : #af0000; } } #quick-add { margin-top: 30px; .popover-content { line-height: 16px; font-size : @baseFontSize - 2; p { margin-bottom: 15px; } } } /* checkout */ .contact-address { margin-left: 20px; } #checkout { .form-actions { text-align : right; margin-bottom: 15px; } header { position: relative; .btn-primary { position: absolute; top : 6px; right : 7px; } } } #checkout-cart { td { text-align: right; } .total { border-top : 2px solid #ccc; font-size : 14px; font-weight: normal; strong { font-size : 16px; font-weight : bold; padding-left: 10px; } } } #checkout-account { h5 { border-bottom: 1px solid #ccc; } h5:first-child { margin-top: 0; } .address { margin-bottom: 20px; strong { font-weight: normal; } } } .shipping-option { margin-bottom: 8px; &:last-child { margin-bottom: 0; } .shipping-option-value { text-align: right; } } #payment-options { list-style: none; margin : 0; li { .radio { cursor : pointer; padding : 8px 0 8px 35px; margin-bottom: 10px; border : 1px solid #ccc; .buttonBackground(#eee, #efefef, #333); .border-radius(3px); .box-shadow(0 1px 10px rgba(0, 0, 0, .075)); .transition(~"border linear .2s, box-shadow linear .2s"); } &.current .radio, &:hover .radio { .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)"); } .payment-option { margin-top: 12px; } } .paypal-payment-option { padding : 20px 40px; font-size: @baseFontSize - 2; } } .expiration-group select { width: 70px; } #shipping-area { .body { padding-left: 40px; } .field-validation-error { display : block; margin-left: 15px; margin-top : 10px; color : #B94A48; } } .btn-paypal { margin-right: 12px; } #btn-address-verify { margin-right: 10px; } /* mini cart */ .mini-cart-popover { width: 260px; &.has-scrollbars { .popover-content { padding-right: 9px; } #mini-cart ul { overflow-y: scroll; } #mini-cart ul li { padding-right: 5px; } } } #mini-cart, .mini-cart { color: #666; .header { border-bottom : 1px solid #ccc; text-align : center; font-weight : bold; padding-bottom: 8px; } .footer { border-top : 1px solid #ccc; text-align : center; font-weight : bold; padding : 10px 0 0 0; background-color: #fff; a { color: @linkColor !important; } } ul { margin : 0; list-style: none; max-height: 274px; li { float : none !important; display : block !important; margin : 0 0 5px 0 !important; padding : 2px 0; font-size : 11px; border-bottom: 1px solid #ccc; color : #666; &:last-child { border-bottom: none; } a { color : @linkColor; font-weight: normal; } } } } .mini-cart-scroll { .popover-content { padding-right: 9px; } #mini-cart ul { overflow-y: scroll; } #mini-cart ul li { padding-right: 5px; } } /* typeahead/dropdown */ .dropdown-menu { .dropdown-caret { position: absolute; top : -7px; left : 16px; width : 12px; height : 7px; float : left; overflow: hidden; .caret-outer, .caret-inner { position : absolute; top : 0; left : 0; display : inline-block; margin-left: -1px; } .caret-outer { border-left : 7px solid transparent; border-right : 7px solid transparent; border-bottom : 7px solid #aaa; border-bottom-color: rgba(0, 0, 0, .2) } .caret-inner { top : 1px; left : 1px; display : inline-block; border-left : 6px solid transparent; border-right : 6px solid transparent; border-bottom: 6px solid #fff } } } .typeahead { right : auto; left : 0; display : none; margin-top: 9px; padding : 7px 0; .border-radius(7px); .typeahead-items { width : 100%; margin : 0; overflow: hidden; li { position : relative; width : 316px; white-space: nowrap; float : left; clear : left; &>a { display : block; padding : 4px 15px 4px 12px; overflow : hidden; color : #333; text-overflow: ellipsis; white-space : nowrap; } &>a:hover { color : #fff; background-color: transparent; } &.active>a, &.active>a:hover { #gradient>.vertical(lighten(@blueDark, 40%), @blueDark); color: #efefef; } &>button, &>span { position : absolute; right : 12px; top : 5px; padding : 0 8px; line-height: 16px; } &>span { font-weight: bold; } .icon-search { background-image : url('../img/icon/search-sprite.png'); background-position: 0 0; margin-right : 5px; } &.active>a .icon-search, &>a:hover .icon-search { background-position: -60px 0; } } .selected>a:hover { color : #fff; text-decoration: none; } } } .arrows { display : inline-block; position: relative; height : 30px; span { position: absolute; right : 8px; top : 2px; height : 27px; width : 8px; .border-radius(3px); background-color: #fff; } i { display : block; width : 9px; height : 6px; margin : 5px 0; background: url('../img/icon/arrows.gif') no-repeat; &.up { background-position: 0px 0px; } &.dn { background-position: 0px -6px; } } } /* rail */ #rail-media { ul { width : 220px; margin : 10px auto 0 auto; list-style: none; .clearfix(); } li { float : left; margin: 0 10px; } .ico { width : 32px; height : 0; padding-top: 32px; display : inline-block; overflow : hidden; } } #rail-payments { .ico-payment { margin-top: 10px; } } #rail-mailing-list { form { margin-bottom: 0; } .alert-success { margin-bottom: 0; } .btn { position: relative; top : -5px; padding : 4px 6px; } .textbox { width: 140px; } } #home-help { margin-bottom: 15px; } #system-home-page { .callouts { margin-left: -10px; } #filter-search-container .filter-module .body { background-color: #f8f8f8; } } /* tabs */ .nav { margin-bottom: 0px; } .nav>li.active>a, .nav>li.active>a:hover { background-color: #f5f5f5; } .tab-content { background-color: #f5f5f5; padding : 10px; border : 1px solid #ddd; border-top : none; } #product-items { .product-item-image { width : 60px; display: block; } } .tag-result-count { color : #999; font-size : 11px; position : relative; top : -1px; letter-spacing: 1px; } #doc-list { .doc-list-item { border-bottom : 1px solid #ccc; margin-bottom : 8px; padding-bottom: 4px; } .doc-list-item-title a { font-weight: bold; } .doc-list-item-main.read { color: #999; .doc-list-item-title a { font-weight : normal; color : #999; text-decoration: underline; } } .doc-list-item-label .label { padding : 8px; margin-top: 4px; } .doc-list-item-stats { font-size: 10px; } } .doc-item { border: 1px solid #ddd; .border-top-radius(5px); margin-bottom: 15px; .box-shadow(0 3px 10px rgba(0, 0, 0, 0.2)); &.unread { .box-shadow(0 3px 10px rgba(255, 0, 0, 0.2)); display: block; } .doc-item-body { display: none; } .doc-item-body.show { display: block; } } .doc-item-header { border-bottom : 1px solid #ddd; padding : 10px 10px 6px 10px; background-color: #ddd; h5 { margin : 0; line-height: 24px; } } .doc-item-date { margin-right: 15px; line-height : 24px; } .doc-item-body { padding: 10px; } .print-page { background-color: #fff; } .preserve-whitespace { word-break : break-all; word-wrap : break-word; white-space: pre; white-space: pre-wrap; } #cart-page { .small-module { margin-left: 0; clear : left; header { color : #333; background-color: #ccc; } } } .quantity-breaks { width : auto; margin-bottom: 0; td { padding : 4px 5px; border : none; background-color: none; } .td1 { width : 35px; padding-left: 0; } .price-regular { .td1-2 { padding-left: 0; white-space : nowrap; } .td3 { text-decoration: line-through; } } } #title-header { position: relative; .actions { position: absolute; right : 0; top : 0; } } .account-right section.area { .body { padding: 15px 0; } .row-inner { width: 520px; } } #cart-list { .cli-active .cli-name { font-weight: bold; } .cli { border-bottom : 1px solid #ccc; margin-bottom : 8px; padding-bottom: 4px; } hr { margin: 5px 0; } .cli-dn { margin-bottom: 5px; } .cli-summary, .cli-date { width: 120px; } } .btn-group-micro { ul { margin-top: 2px; } li>a { font-size: 11px; } } .btn-micro { padding : 0 5px; font-size : 10px !important; line-height: 17px; } .doc-list-item-title, .doc-list-item-subtitle { .text-overflow(); } .doc-item-header h5 { margin : 0; line-height: 24px; .text-overflow(); max-width: 750px; } .doc-item-message .message { max-height: 500px; overflow-y: auto; } #filters-menu { padding : 10px; min-width : 150px; max-height: 500px; overflow-y: auto; overflow-x: hidden; h5 { margin-top: 0; font-size : 13px; } form { margin: 0; } } .product-list-header { .btn { padding: 5px 25px; } .caret { margin-top : 8px; margin-left: 3px; } .dropdown-menu, .dropdown-menu label { font-size: 11px; } } #product-list { position: relative; &.paged-list .product-list-header { position: absolute; } &.paged-list .pagination-head .summary { display: none; } } #product-items-header { padding-bottom: 10px; margin-bottom : 10px; border-bottom : 1px solid #eee; } form.tag-filters { margin-top : 10px; border-top : 1px solid #ccc; padding-top: 10px; .tag-filter-clear { display : block; margin-bottom: 10px; } } #product.multi-item-product>.span10 { width: 1150px; #product-rail { width: 100%; } #product-main { width : 100%; margin-top: 20px; } } #diagnostic-equipment-page { #subcategories { display: none; } #category-page-html { #static-products { ul.thumbnails { margin-left: 30px; .thumbnail { width : 240px; min-height : 205px; margin-left: 30px; a { text-align: center; display : block; img.img-polaroid { margin: 13px auto; } span { text-align : left; font-weight: 600; display : block; margin-left: 13px; } } } .thumbnail:nth-child(3n+1) { margin-left: 0px; } } } } } #psl-one-page #product-inner.span10, #a-scan-plus-connect-page #product-inner.span10, #accupach-vi-pachymeter-page #product-inner.span10, #pachpen-handheld-pachymeter-page #product-inner.span10, #accupen-handheld-applanation-tonometer-page #product-inner.span10, #b-scan-plus-page #product-inner.span10, #ubm-plus-page #product-inner.span10 { width: 1150px; } #checkout-register, #checkout-sign-in { .body { min-height: 233px; } } #guest-form { margin-bottom: 20px; } #instrument-repair-center-page { #instrument-repair-center-image { background: url("../img/accutome-instrument-repair-center.jpg") no-repeat scroll 8px 8px #FFFFFF; border : 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); height : 322px; margin : 7px 0 20px; padding : 4px; width : 708px; } .intro { p { font-size : 20px; line-height: 33px; } } h2 { color : #4F8008; font-weight: 400; font-size : 24px; } } .calibri-small { font-family: Calibri; font-size : small; } .home-callout-buttons { margin: 0px 0px 0px 290px; width : 850px; } .option.pull-left { margin-left: 6px; } #contact-support { text-align: right } .modal { &.fade { top: 30%; .transition(e('opacity .3s linear')); } &.fade.in { top: 30%; } .form-vertical { margin-bottom: 0; .control-label { font-weight: bold; } } } .btn-save-to-list { .dropdown-menu, .dropdown-menu label { font-size: 11px; } } #shopping-list-view { .item td { vertical-align: middle; } .product-quantity { position: relative; .help-inline { display : block; width : 200px; position: absolute; top : 25px; color : #af0000; } } .actions { width: 220px; .btn { margin-left: 5px; position : relative; top : 4px; } } } #mini-shopping-lists { text-align: center; ul { float : none; margin: 0 0 10px 0; } ul li { float : none; text-align : left; display : block; margin : 0 !important; line-height : 26px; border-bottom: 1px solid #ccc; } a { color : #666 !important; display: block; &:hover { text-decoration : none; background-color: #f8f8f8; } } .footer { font-weight: bold; } } .shopping-list-result { img { width: 50px; } h5 { margin-top: 0; } .product-description, .part-number { display: none; } } .related-product-set { margin-bottom: 20px; header { position : relative; padding : 8px 16px; margin-bottom: 15px; border-bottom: 1px solid #efefef; font-size : @baseFontSize + 2px; .pagination { position: absolute; right : 0; bottom : 0; } } .related-product { display : inline-block; vertical-align: top; width : 100px; margin : 0 10px; text-align : center; img { width: 50px; } h5 { font-style : normal; font-size : @baseFontSize - 2; height : 40px; overflow : hidden; text-overflow: ellipsis; } } } input.txt-mini { height : 14px; line-height: 14px; } table.applied-vouchers { margin-bottom: 0; .col1 { width : 1px; padding-right: 0; text-align : center; } .col3, .col4 { text-align: center; } } .glimpse-nowrap { z-index: 10000; } .categories-module { font-family: 'Poppins'; ul { margin-left: 10px; } li { margin-left: 5px; a { color: @darkBlue; } } li>ul { margin-bottom: 0px !important; } li>ul>li { display: none; } li.active>a { font-weight: 600; font-size : 12px; } ul.trim { margin: 0px; li { display: none; } li.open, li.active { display: block; } li.open:last-of-type { margin-top : 0px; margin-bottom: 10px; } } } section.links-module.categories-module.module { box-shadow: none; margin : 20px 0px 20px 0px; .body { padding-bottom: 0px } } #request-a-sample-page { .form-horizontal { .control-label { width: 190px; } .controls { margin-left: 210px; } } } #product { #request-sample-btn, #request-quote-btn { // font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-left: 15px; } } .category-page { .product-list-header { #request-sample-btn, #request-quote-btn { float : left; margin-left: 10px; } #product-sort { float: left; } #product-filters { float : left; margin-left: 10px; } } } .item-config { margin: 10px 0; } .item-config-edit { font-size: 11px; } .voucher-config pre { line-height : 9px; font-size : 11px; padding : 7px 0 0 0; margin : 0; border : none; background-color: inherit; font-family : inherit; } .help-inline.field-validation-valid { display: none; } #item-number-search { display: none; } #Number-of-Samples { width: 25px; } .btn-group.btn-page-size { float : left; margin-left: 10px !important; } .offset2 { margin-left: 150px; } #auth-code { .form-horizontal .control-label { width: 220px; } .form-horizontal .controls { margin-left: 240px; } input[type="radio"], input[type="checkbox"] { margin: 0px; } } .pdfs { width : 200px; margin-right : 10px; margin-bottom: 10px; float : left; } .pdfs:nth-child(4n) { margin-right: 0px; clear : both } .pdfs img { width: 100%; } .block-contact { width : 45%; margin-right : 10px; margin-bottom: 10px; float : left; } .block-contact:after { content: ""; display: table; clear : both; } .block-contact h2 { font-size: 18px; } .doc-a-scan-plus-connect-espanol-pdf, .doc-installing-a-scan-plus-connect-to-windows-8-device-spanish-pdf, .doc-b-scanplususermanualspanishrev-pdf, .doc-installing-a-scan-plus-connect-to-windows-8-device-spanish-pdf, .doc-pachpen-spanish-pdf { float : none; min-height : 20px; margin-left: 0px; } [class*="spanish"], [class*="espanol"] { float : none; min-height : 20px; margin-left: 0px; } #BillingAddressSelector.span5.billing-selector { display: none; } .alt-part-number-label { display: none; } .alt-part-number-value { display: none; } #videos { iframe { max-width: 100%; } } /* v1.3.7.0 => */ .item-component { header { h5 { margin: 0; float : left; } button { float: right; } } div.body { padding: 5px 15px; } .alert { margin-bottom : 0; padding-top : 4px; padding-bottom: 4px; font-size : @baseFontSize - 2; } .item-component-options { margin-bottom: 0; tr:first-child td { border-top: none; } } .item-component-actions { margin-top: 15px; } .component-requirement { margin-bottom: 8px; font-size : @baseFontSize - 2; font-style : italic; &.component-optional { color: #999; } &.component-required { color: #af0000; } } .item-component-option td { font-size: @baseFontSize - 2; } .item-component-option-select { width: 24px; } .item-component-option-title { width: auto; } .item-component-option-price { width: 44px; } .component-option-select { margin : 0; position: relative; top : -1px; } } /* <= v1.3.7.0 */ @import "/assets/site/css/site-responsive.less"; /* v1.3.8.0 => */ // remove for responsive sites #checkout-rail { // .pull-right(); // .span(3); float: right; width: 30%; } #checkout-main { // .span(9); // .offset(1); margin-left: 0; float : left; width : 67%; } .btn-toggle-module-body { display: none; } /* <= v1.3.8.0 */ .multi-item-product { #product-rail { width: 100%; } #product-main { width: 100%; } } .nivo-controlNav { position: absolute; z-index : 2001; top : 157px; right : 655px; } .nivo-control { background-color: #4a94eb; height : 14px; width : 14px; /* border-radius:10px; */ margin-left : 5px; float : left; text-indent : -9999px; text-decoration : none; } .nivo-controlNav a.active { background-color: #9bc9ff; /* box-shadow : 0 0 3px 3px #ffffff; */ } @media (max-width:1024px) { .nivo-box, div[name="0"] { display: none !important; } } /* v1.4.6.0 => */ #product-filter-module { font-size: 10px; form { margin: 10px; } label { font-size: 10px; } h5 { font-size: 12px; } } #cart-shipping-estimates { margin: 10px 0 0 0; } /* <= v1.4.6.0 */ /* v1.4.7.0 => */ td.product-item-image img { margin : 0 auto; display: block; } @media screen { .visible-print { display: none; } } /* <= v1.4.7.0 */ .accVideo { text-align : center; margin-left : 5px; margin-bottom: 5px; } .accVideo video { height: 205px; } .accVideo div { margin-top: 5px; } #account-access-page { #account-register { .control-group:nth-of-type(5) { .control-label:after { content : " *"; color : #b94a48; position : relative; left : 10px; font-size: 16px; } } } } // .product-page { // #product-main { // .nav-tabs { // li:nth-of-type(2) { // display: none; // } // } // } // } .row { margin-left: 0px; } html { margin-left : calc(100vw - 100%); margin-right: 0; overflow : auto; } /* v1.6.0.3 => */ .related-product-item-number { color : #666; font-style: italic; font-size : 13px; } /* <= v1.6.0.3 */ .modal-logo-wrapper { display : flex; align-items : center; justify-content: center; .modal-logo-container { //max-width:50%; box-sizing: border-box; padding : 20px; /*float :left;*/ a { cursor: pointer; img { max-height: 80px; } } } } #user-menu .ico-cart { background-image : url(../img/icon/cart-sm.png); width : 20px; height : 20px; background-position: 0; background-size : contain; margin : -3px 5px 0; } #surgical-instruments-and-supplies-page { #accutome-by-keeler-logo { display: none; } #page-header-logo { position: absolute; top : -10px; left : 0; } #page-header-logo-mst-full { margin : 0; position: absolute; top : -10px; right : 0; } } .top-right-logo { margin : 0; position: absolute !important; top : -10px !important; right : 0 !important; } a, button, .btn { &:focus { outline: none; } } #myModal { top: 70px; } .btn-primary { background-image: none; color : @darkBlue; background-color: @orange; box-shadow : none; text-decoration : none; text-decoration : none; text-shadow : none; transition : all ease-in-out 250ms; border-color : @orange; padding : 5px 25px; font-weight : 500; font-family : inherit; &:not(.btn-mini), &:not(.btn-micro) { font-size: 14px; } &:hover, &:active, &:focus { background-color: #f8bc76; border-color : #f8bc76; color : @darkBlue; box-shadow : none; text-decoration : none; text-decoration : none; text-shadow : none; } } .order-addresses { .span5, .span5.offset2 { box-sizing: border-box; width:48%; padding: 10px 30px 0 10px; margin:0; } } #checkout-step-3 { .form-horizontal { .control-label { width:180px; } .controls { margin-left: 200px; } } } @media print { a[href]:after { content: ""; } } .btn-mini { padding: 5px 25px; } .threeds-modal { background-color: rgba(200,200,200,.8); z-index: 10; text-align: center; height: 100%; width: 100%; top: 0; left: 0; position: fixed; } .threeds-modal-iframe { width: 75%; height: 75%; } .btn-creditkey {margin-right:12px; max-width: 40%;}

Accutome - Where the difference is visible