Accepted forms of payment
/* 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%;}