body { background-color: #fff; }
body.ProductDetailsQuoteRequest { background: #fff; }

/* fonts */
@font-face {
  font-family: 'esp';
  src: url('/css/fonts/esp.eot?33115974');
  src: url('/css/fonts/esp.eot?33115974#iefix') format('embedded-opentype'),
       url('/css/fonts/esp.woff?33115974') format('woff'),
       url('/css/fonts/esp.ttf?33115974') format('truetype'),
       url('/css/fonts/esp.svg?33115974#delete') format('svg');
  font-weight: normal;
  font-style: normal;
}
.esp-icon:before {
  font-family: 'esp';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

.icon-alert:before { content: '\e800'; }
.icon-delete:before { content: '\e801'; }
.icon-compare:before { content: '\e802'; }
.icon-cart:before { content: '\e803'; }
.icon-clipboard:before { content: '\e804'; }
.icon-calendar:before { content: '\e805'; }
.icon-help:before { content: '\e806'; }
.icon-design-studio:before { content: '\e807'; }
.icon-esp:before { content: '\e808'; }
.icon-esp-text:before { content: '\e809'; }

/* ANGULAR Mods */
body.block-ui-active form.cloak .content-wrapper, body.block-ui-active form.cloak footer,
[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; }
.img-responsive { width: auto; }
.glyphicon-small { font-size: 9px; }
img {-ms-interpolation-mode:bicubic;}
img[product-img] { background-color: #fff; }
a{cursor:pointer;}
a:focus { outline: none!important; }
table.checkbox-group { margin-left: 10px!important; }
.checkbox-group { position: relative; display: inline-block; }
.checkbox-group td { padding-right: 10px; position: relative; }
.checkbox-group label { font-weight: normal; margin-left: 20px; margin-right: 5px; }
.checkbox-group input { position: absolute; left: 0; top: 0; }
.checkbox-list label { font-weight: normal; margin-left: 5px; display: inline; }

/* BOOTSTRAP Mods */
.container-fluid { padding-right: 10px; padding-left: 10px; }
.form-horizontal .form-group,
.row { margin-left: -10px; margin-right: -10px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 10px; padding-left: 10px; }
.col-center { float: none !important; margin-left: auto; margin-right: auto }

.row-xs { margin-left: -3px; margin-right: -3px; }
.row-xs .col-xs-12, .row-xs .col-xs-11, .row-xs .col-xs-10, .row-xs .col-xs-9, .row-xs .col-xs-8, .row-xs .col-xs-7, .row-xs .col-xs-6, .row-xs .col-xs-5, .row-xs .col-xs-4, .row-xs .col-xs-3, .row-xs .col-xs-2, .row-xs .col-xs-1 { padding-left: 3px; padding-right: 3px; }

.row-md { margin-left: -10px; margin-right: -10px; }
.row-md .col-md-11, .row-md .col-md-10, .row-md .col-md-9, .row-md .col-md-8, .row-md .col-md-7, .row-md .col-md-6, .row-md .col-md-5, .row-md .col-md-4, .row-md .col-md-3, .row-md .col-md-2, .row-md .col-md-1 { padding-left: 10px; padding-right: 10px; }

.form-control.focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }

.modal-backdrop { bottom: 0; filter: alpha(opacity=50); opacity: .5; }
.modal-xl { width: 1060px; }
.modal-body iframe { width: 100%; overflow: hidden; overflow-x: hidden; overflow-y: visible; }

.h1 .smaller, .h2 .smaller, .h3 .smaller, h1 .smaller, h2 .smaller, h3 .smaller { font-size: 50%; }
.h4 .smaller, h4 .smaller { font-size: 65%; }

.page-header { margin-top: 5px; }

.media-left { min-width: 70px; }

.nav .badge.badge-beta { left: auto; margin-left: 4px; font-size: 7px; background: #065597; padding: 0 3px; line-height: 13px; border-radius: 3px; border: 0; box-shadow: none}

.panel-sm .panel-body,
.panel-sm .panel-heading,
.panel-sm .panel-footer { padding: 5px 15px; }

/* overlay */
.ccoverlay { position: relative; }
.ccoverlayBox .header { display:block; background: #000; background: rgba(0,0,0,0.60);  line-height: 45px; padding: 10px 20px; font-weight: bold; color: #FFF; font-size: 14px;}
.ccoverlayBox { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 1.00; position: absolute; top: 0; left: 0; display:block; width: 100%; height: 100%; background: #888; background: rgba(0,0,0,0.60); z-index:5;}

/* BlockUI */
body .block-ui-overlay { background-color: #000; }
body .block-ui-message { background: none; color: #fff; margin-top: 10px; text-align: center; font-size: 14px; max-width: 500px; }
body .content-wrapper .block-ui-overlay,
body .modal-dialog .block-ui-overlay { background-color: #fff; }
body .content-wrapper .block-ui-message,
body .modal-dialog .block-ui-message { background: none; color: #464646; margin-top: 10px; text-align: center; font-size: 12px; max-width: 500px; }
body .content-wrapper .block-ui-message .spinner > div > div,
body .modal-dialog .block-ui-message .spinner > div > div { background: #464646!important; }

.fp__overlay { z-index: 1050!important; }
.fp__container { min-width: 500px; max-width: 500px; margin: 0 auto; }
.fp__close { right: 50%; margin-right: -250px; }

.content-block-ui { min-height: 100px; position: relative; }
.content-block-ui .block-ui-overlay { background-color: #fff; }
.content-block-ui .block-ui-message { color: #333; }
.content-block-ui .spinner>div>div { background-color: #333!important; }

.spinner-in-page { height: 40px; margin-top: 25px; }
.company-impersonator { margin-top: 2px; }

a.disabled,
a.disabled:hover,
a:disabled,
a[disabled],
li:disabled a,
li[disabled] a { cursor: not-allowed; color: #535353 !important; }
a.btn-primary.disabled { color: #fff !important; }
li.dropdown-subdropdown[disabled]:hover > .dropdown-menu,
li.dropdown-subdropdown:disabled:hover > .dropdown-menu { display: none!important; opacity: 0; }
input[type=checkbox], input[type=radio] { width: 13px; height: 13px; }

/* Select UI Mods */
.ui-select-match-item.select-locked,  
.ui-select-match-item.select-locked.btn-primary:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none;box-shadow: none; opacity: .65;}

/* DISPLAY */
._10, ._11, ._20, ._25, ._33, ._40, ._50, ._60, ._66, ._75, ._80, ._90, ._100 { float: left; }
._10 { width: 10%; }
._11 { width: 11.1111111%; }
._20 { width: 20%; }
._25 { width: 25%; }
._33 { width: 33.3333333%; }
._40 { width: 40%; }
._50 { width: 50%; }
._60 { width: 60%; }
._66 { width: 66.6666666%; }
._75 { width: 75%; }
._80 { width: 80%; }
._90 { width: 90%; }
._100 { width: 100%; }

.action-links { font-size: 90%; line-height: 26px; }
h3 .actions-links,
h4 .actions-links { margin-left: 10px; }
h3 .display-inlineblock,
h4 .display-inlineblock { vertical-align: bottom; }
.max-70 { max-width: 70%; }

.no-wrap { white-space: nowrap; }
.word-wrap { word-wrap: break-word; }
.no-border { border: none!important; }
.no-margin { margin-top: 0; margin-bottom: 0; margin: 0; }
.no-padding, .no-pad { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding: 0; }
.no-margin-top { margin-top: 0; }
.no-margin-bottom { margin-bottom: 0!important; }

.margin-5 { margin: 5px; }
.margin-10 { margin: 10px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-center { margin-left: auto; margin-right: auto; }

.pad-left-20 { padding-left: 20px; }
.pad-right-20 { padding-right: 20px; }
.pad-top-5 { padding-top: 5px; }
.pad-top-10 { padding-top: 10px; }
.pad-bottom-5 { padding-bottom: 5px; }
.pad-bottom-10 { padding-bottom: 10px; }
.pad-10 { padding: 10px; }
.pad-5 { padding: 5px; }

.cursor-pointer { cursor: pointer; }

hr { border-top-color: #d7d8da; }
hr.hr-sm { margin-top: 5px; margin-bottom: 5px; }
hr.hr-md { margin-top: 5px; margin-bottom: 10px; }
hr.hr-dashed { border-top-style: dashed; }

.divider-vert-right { border-right: 1px solid #eee; }
.divider-vert-left { border-left: 1px solid #eee; }
.spacer { margin-left: 15px; margin-right: 15px; width: 1px; overflow: hidden; }
.spacer-vert { border-left: 1px dotted #999; }

.alert.alert-sm { padding: 5px; }

.box { border: 1px solid #e2e2e2; background: #fff; display: block; }
.box-padded { padding: 10px; }
.box-shadowed { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.box-rounded { border-radius: 4px; }

label.label-sm { font-size: 12px; }
label>span { font-weight: normal; }
label.required:after, .label.required:after { content: '*'; color: red; }

input.placeholder { color: #999; }
.input-group-btn .glyphicon { padding: 3px 0; }

/* TABLE */
.table.table-no-border>tbody>tr>th, .table.table-no-border>tbody>tr>td { border-top: none; }
.thead-small th { font-weight: normal; font-size: 12px; }

.table-styled { background: #fff; }
/*
.table-styled th { background-color: #ebebe9; }*/
.table-hover-btns .buttons { display: none; }
.table-hover-btns tr:hover .buttons { display: block; }

.table-pagination tr:last-child table > tbody td {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.table-pagination tr:last-child table > tbody td:first-child {
    border-radius: 4px 0 0 4px;
}

.table-pagination tr:last-child table > tbody td:last-child {
    border-radius: 0 4px 4px 0;
}

.table-pagination tr:last-child table > tbody td > span {
    color: #333;
    font-weight: bold;
    cursor: default;
}


/* TABS */
.tabs-wrapper .nav-tabs { margin-bottom: -1px; }

/* TEXT */
.section-header { font-size: 18px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
h5.title { font-weight:  bold; margin-bottom: 0; }
.ellipsis { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.text-lighter { color: #999; }
.text-yellow { color: yellow; }
.text-stars { font-size: 13px; letter-spacing: .1em; color: #FFCA42; }
.text-primary { color: #f67412; }
.strong { font-weight: bold; }

.text-primary-alt { color: #E77018; }
.text-primary-alt:hover,
.text-primary-alt:focus { color: #CE6110; }

.display-inline, .inline { display: inline; }
.display-inlineblock { display: inline-block; }
.display-block { display: block; }

.placeholder-text { color: #999; }
.product-num { color: #575B5E; font-weight: bold; font-style: italic; }
.asi-number,
.asi-num { text-decoration: underline; font-weight: normal; font-size: 11.5px; font-style: italic; }

.well-no-border { border: none; border-radius: 0; box-shadow: none; }

.margin-header { margin-top: 17px; }
.border-dashed { border: 1px dashed #ccc; }

/* OVERLAYS */
.overlay { display: none; position: absolute; height: auto; bottom: 3px; top: 3px; left: 3px; right: 3px; background: rgba(0,0,0,0.08); }

/* checkmarks */
.selected .overlay { display: block; }
.overlay .checkBig, .overlay .checkSmall, .checkBig, .checkSmall { width: 46px; height: 46px; overflow: hidden; position: absolute; left: 50%; top:50%; margin: -23px 0 0 -23px; background: url('/images/checkmarks.png') left top no-repeat; }
.overlay .checkSmall { background-position: 0 -55px; width: 22px; height: 22px; margin: -11px 0 0 -11px; }

/* Position */
.abs { position: absolute; }
.rel { position: relative; }

/* PRESENTATIONS */
.list-presentations { list-style: none; margin: 0; padding: 0; }
.list-presentations li { position: relative; border-bottom: 1px solid #eee; }
.list-presentations li .media { padding: 15px; }
.list-presentations li .media-left { max-width: 135px; }
.list-presentations li .media-left img { max-width: 125px; }
.list-presentations li .media-body { min-height: 60px; margin-top: -10px; }
.list-presentations li .media-body > .row { padding-top: 25px; padding-bottom: 40px; margin-top: -10px; }
.list-presentations li .media-body h4.ellipsis { margin-top: 0; }
.list-presentations .buttons { display: none; position: absolute; right: 15px; }
.list-presentations .btn-delete { top: 5px; width: auto; }
.list-presentations .btn-actions { bottom: 15px; width: 300px; }
.list-presentations li:hover { background: #f2f2f2; }
.list-presentations li:hover .buttons { display: block; }
.list-presentations .products { list-style: none; margin: 0; padding: 0; }
.list-presentations .products li { width: 14.28571428571429%; width: 54px; height: 54px; margin: 0 5px; float: left; background-color: #fff; }
.list-presentations .products li:last-child { border: 1px solid #d5d5d4; background-color: #ebebe9; text-align: center; font-size: 12px; }
.list-presentations .products li:last-child h4 { margin-bottom: 0; color: #337ab7; }

.presentations-builder .app-menu #page_findaproduct,
.presentations-builder .app-menu #page_findasupplier,
.presentations-builder .app-menu #page_findadecorator { display: none; }

/* CLIPBOARD */
ul.dropdown-menu.copyto-dropdown { left: 0; right: auto; }
ul.dropdown-menu.copyto-dropdown, ul.dropdown-menu.copyto-dropdown  .projects-menu { border: none; }
.clipboard-results { min-height: 270px; }

/* CLIPBOARD GROWL */
.cg-notify-message { position: fixed; top: 0px; z-index: 9999; max-width: 400px; -webkit-transition: top 0.5s ease-out,opacity 0.2s ease-out; -moz-transition: top 0.5s ease-out,opacity 0.2s ease-out; -o-transition: top 0.5s ease-out,opacity 0.2s ease-out; transition: top 0.5s ease-out,opacity 0.2s ease-out; visibility: hidden; }
.cg-notify-message-center { left: 50%; }
.cg-notify-message-left { left: 15px; }
.cg-notify-message-right { right: 15px; }
.cg-notify-message a:hover { color: inherit; }
.cg-notify-close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; position: absolute; top: 0px; right: 3px; line-height: 15px; }
.cg-notify-close:hover, 
.cg-notify-close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; }
.cg-notify-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

.growl-holder { border: 1px solid #c1c1bf; background: #fff; box-shadow: 0 0px 5px rgba(0,0,0,0.1); width: 400px; padding: 15px; border-radius: 4px; }
.clipboard-growl button.close,
.supplier-import-growl button.close { position: absolute; top: 3px; right: 8px; z-index: 2; }
.clipboard-growl .dropdown-toggle { text-align: left; width: 211px; }
.clipboard-growl .dropdown-toggle i { padding-top: 3px; }
.clipboard-growl .project-folders { padding: 10px 5px 10px 10px; max-width: 268px; }
.clipboard-growl .project-folders > ul { max-height: 14em; overflow: hidden; overflow-y: auto; }
.clipboard-growl .projects ul { list-style: none; margin: 0; padding: 0; }
.clipboard-growl .projects ul ul { margin-left: 10px; }
/*.clipboard-growl .projects-wrapper { position: relative; }
.clipboard-growl .projects { position: absolute; display: none; left: 0; top: 100%; background: #fbfbfb; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.3); width: 100%; }
.clipboard-growl .projects-wrapper:hover .projects { display: block; }
.clipboard-growl .projects .footer { background-color: #ebebeb; padding: 10px; border-radius: 0 0 4px 4px; }*/


/* ADVANCED SEARCH */
.advanced-search { background-color: #fff; max-height: 0; overflow: hidden; box-shadow: 0 3px 6px rgba(0,0,0,0.2); position: relative; transition: max-height 0.3s ease-in-out; z-index: 5; }
.advanced-search.open { max-height: 1200px; border-bottom: 1px solid #e1dfde; border-top: 1px solid #e1dfde; margin-top: -1px; padding-bottom: 15px; }
.advanced-search .search-prices .checkbox { margin-top: 0; margin-bottom: 2px; }
.advanced-search input[type="radio"], 
.advanced-search input[type="checkbox"] { margin: 1px 0 0 -20px; margin-top: 0px \9; }
.advanced-search .clear-form-text { line-height: 20px; margin-top: 10px; }
.advanced-search .form-fieldset-suppliers ,
.advanced-search .form-fieldset-product { min-height: 440px; }
.advanced-search-decorators .form-fieldset-decoratorservices .form-fieldset-inner { min-height: 267px; }
.advanced-search-decorators .form-fieldset .distance-miles { padding-right: 0; }
.advanced-search-decorators .form-fieldset .distance-zip { padding-left: 0; }
.advanced-search-decorators .form-fieldset .distance-from {   padding: 0 0 0 4px; }
.advanced-search-decorators .form-fieldset .distance-from span { font-size: 18px; line-height: 17px; }
.advanced-search-suppliers .form-fieldset-address .form-fieldset-inner { min-height: 297px; }

/* QUICK SEARCH */
.module.quicksearch { margin-bottom: 0; }
.quicksearch-wrapper { border-bottom: 1px solid #c1c1bf; border-top: 1px solid #fff; padding: 6px 0; z-index: 12; position: relative; background: #eeeeec;}
.quicksearch .search-icon { font-size: 18px; border: 0; background: none; color: #afafaf; padding: 2px 0 2px 12px; position: absolute; left: -4px; top: 5px; z-index: 3;}
.quicksearch .input-group .form-control.search-keyword { border-radius: 4px 0 0 4px; padding-left: 30px; }
.quicksearch .search-group { position: relative; }

/* TREE LIST */
.list-tree { list-style: none; margin: 0; padding: 0; }
.list-tree ul { list-style: none; margin: 0; padding-left: 10px; }
.list-tree li { position: relative; }
.list-tree li > i { display: inline-block; width: 15px; line-height: 20px; left: 5px; top: 0; position: absolute; cursor: pointer; }
.list-tree li > span { display: inline-block; padding-left: 18px; width: 100%; /* margin-left: -3px; */}
.list-tree li.active > span { font-weight: bold; background: #eee;}

.dropdown-menu .list-tree li a { color: #262626; }
.dropdown-menu .list-tree li a:hover { color: #262626; text-decoration: none; }
.dropdown-menu .list-tree li > span:hover { background: #f5f5f5; }

/* MENU LIST */
.list-menu { list-style: none; min-width: 100px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; }
.list-menu>li>a { display: block; padding: 3px 0px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
.list-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.list-menu .media-left { min-width: 90px; }
.list-menu .media-left .prod-img { min-width: 80px; padding-left: 25px; }
.list-menu .prod-img-inner { height: 55px; width: 55px; vertical-align: middle; display: table-cell; }
.list-menu .media-left .prod-checkbox { position: absolute; left: 5px; top: 0; }
.list-menu .prod-img-inner img { max-height: 55px; max-width: 55px; }

.user-menu { min-width: 450px; padding-top: 0; }
.user-menu-content { padding: 0 14px; }
.dropdown-menu h5 { margin-bottom: 0; margin-top: 5px; word-break: break-all; position: relative; }
.user-menu .thumbnail { position: relative; margin-top: -30px; max-width: 165px; }
.user-menu .thumbnail .hover-links { display: none; position: absolute; right: 0; bottom: 0; left: 0; height: auto; }
.user-menu .thumbnail .hover-links a { display: block; color: #fff; font-size: 10px; text-align: center; padding: 3px 0; background: rgba(0,0,0,0.5); }
.user-menu .thumbnail .hover-links a:hover { background: rgba(0,0,0,0.9); }
.user-menu .thumbnail:hover .hover-links { display: block; }
.user-menu .thumbnail-holder { position: relative; }

/* T3 Menu */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover > a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

.dropdown-menu .dropdown-subdropdown { position: relative; }
.dropdown-menu .dropdown-subdropdown:hover > .dropdown-menu,
.menu-wrapper .dropdown-subdropdown:hover > .dropdown-menu { display: block; }
.navbar-right .dropdown-menu .dropdown-menu.left { right: auto; border-top: transparent; }

div.dropdown-menu > ul { margin: 0; padding: 0; list-style-type: none; }
div.dropdown-menu > ul > li { padding: 0; margin: 0; }
div.dropdown-menu > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; }
div.dropdown-menu > ul > li > a:focus, div.dropdown-menu > ul > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }

.projects-menu > li { padding: 5px 10px; max-height: 300px; overflow: auto; overflow-x: hidden; overflow-y: auto; max-width: 250px; }


/* MODULES */
.module { margin-bottom: 5px; }
.module > h3:first-child { margin-top: 0; }

/* ADS */
.module.ad { position: relative; z-index: 50; margin-bottom: 0; }
.Ad .ad-container { text-align: center; display: block; }
.headerAdZone .Ad .ad-container { margin-bottom: 0; }
.content-wrapper .ad-container { margin-bottom: 20px; }

.price-menu { width: 250px; }
.menu-content { padding: 5px 10px; }

/* TOP SELLERS */
.tile-row { position: relative; }
.col-tile { float: left; width: 20%; padding: 0 10px 15px; position: relative; }
.col-tile-7 { width: 14.28571428571429%; }
.col-tile-lg { width: 40%; }
.col-tile > .content { padding: 5px 10px; line-height: 1; }

.tile-image { position: relative; cursor: pointer; }
.tile-image .tile-header { width: 100%; position: absolute; bottom: 0; left: 0; padding: 5px 10px; background: rgba(255,255,255,0.9); }
.content .tile-header { margin-bottom: 5px; background: transparent; }
.tile-image, 
.tile-header { background-color: #fff; }

.quickview-window-wrapper { height: 0; overflow: hidden; transition: height 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 2px 0px; }
.quickview-window { background-color: #fff; padding: 15px; border: 1px solid #ebebeb; min-height: 375px; }
.quickview-window .quickview-product { min-height: 375px; }
.quickview-product .you-may-also-like .prod-tile .prod-img { width: auto; }
.quickview-product .you-may-also-like .prod-img-inner { display: table; width: 100%; min-width: 50px; min-height: 50px; overflow: hidden; }
.quickview-product .you-may-also-like .prod-img-inner img { width: 50px; }
.modal-body .quickview-product .you-may-also-like .prod-img-inner { min-width: 72px; min-height: 72px; overflow: hidden; }
.modal-body .quickview-product .you-may-also-like .prod-img-inner img { width: 72px; }
.quickview-product .you-may-also-like .prod-img-inner > a { display: table-cell; vertical-align: middle;}
.quickview-window h2 { margin-top: 0; }
.quickview-window .alert { margin-top: 15px; }
.quickview-tile img { margin: 0 auto; width: 110px; height: 110px; }

/* TOOLTIPS */
.tooltip.in { opacity: 1; }
.top-sellers .topseller-tile { margin-bottom: 20px; }
.top-sellers .topseller-tile .prod-img-inner { height: 110px; width: 200px; display: table-cell; vertical-align: middle; text-align: center; }
.top-sellers .topseller-tile img { max-height: 110px; max-width: 110px; }
.topseller-tooltip { width: 110px; }
.topseller-tooltip img { width: 110px; height: 110px; margin-bottom: 5px; }
.tooltip h4, 
.tooltip .prices,
.tooltip p,
.tooltip .hover-info div { color: #464646; text-align: left; }
.tooltip .prices { font-size: 14px; }
.tooltip .virtual-sample-icon { font-size: 18px; }
.tooltip-inner { background-color: #FFFFFF; box-shadow: 0 2px 6px rgba(0,0,0,0.2); padding: 10px; color: #333; }
.tooltip.left .tooltip-arrow { border-left-color: #ebebeb; }
.tooltip.top .tooltip-arrow { border-top-color: #ebebeb; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #ebebeb; }
.tooltip.right .tooltip-arrow { border-right-color: #ebebeb; }

/* LEFT MENU FLYOUT - top sellers */
.flyout-menu { position: relative; z-index: 11; }
.flyout-menu > li { border-radius: 3px 0 0 3px; position: relative; z-index: 0; background-color: transparent; }
.flyout-menu > li > a:after { color: #ccc; content: "\f054"; position: absolute; right: 4px; top: 9px; font: normal normal normal 12px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 10px;}
.flyout-menu > li > a { padding: 6px 15px 6px 0; display: block; position: relative; line-height: 1.1; white-space: normal; transition: padding .1s; }
.flyout-menu > li > a:hover { text-decoration: none; }
.flyout-menu > li > .flyout { display: none; position: absolute; left: 100%; top: -40px; background: #fff; border-radius: 3px; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.25); margin-left: -1px; height: auto; width: 500px; min-height: 250px; padding: 20px; z-index: 9; }
.flyout-menu > li > .flyout ul { list-style: none; margin: 0; padding: 0; }
.flyout-menu > li:hover { z-index: 2; margin-left: -10px; padding-left: 10px; background-color: #fff; box-shadow: 10px 0 0 0 #fff,1px 1px 4px 0 rgba(0,0,0,.25); border-color\0: #e7e7e7 #fff #e7e7e7 #e7e7e7; margin-right\0: -2px; background-color: #fff; }
.flyout-menu > li:hover > a { padding: 6px 10px 6px 5px; }
.flyout-menu > li:hover > a:after { color: #215282; }
.flyout-menu > li:hover:before { content: ''; width: 6px; background: #fff; display: block; position: absolute; top: 0; bottom: 0; right: -3px; z-index: 3; }
.flyout-menu > li:hover > .flyout { display: block; z-index: 1; }

.topseller-menu { margin-bottom: 20px; }
.topseller-menu img { width: 175px; height: 165px; }

/* carousel */
.carousel .carousel-control,
.carousel .carousel-indicators { display: none; }
.carousel-inner > .item > a > img { width: 705px; max-height: 265px; }
.carousel .controls { width: 100%; margin: 0; padding: 0; left: 0; bottom: 0; height: 35px; position: absolute; }
.carousel .controls li { width: 33.3333333333%; display: inline-block; cursor: pointer; text-align: center; border: none; border-radius: 0; height: 35px; line-height: 30px; margin: 0; text-indent: 0; border-right: 1px solid #efefef; background: rgba(0,0,0,0.75); color: #fff; border-top: 2px solid transparent; }
.carousel .controls li.active { border-top-color: rgb(244, 150, 72); }
.carousel .controls li > span { opacity: 0.7; font-size: 12px; }
.carousel .controls li.active > span { opacity: 1; font-size: 14px; }
.carousel .controls li:last-child { border-right: 0; }
.carousel .text { font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 42px; float: right; text-align: right; position: absolute; right: 20px; top: 20px; color: #FFFFFF; text-shadow: 1px 1px 6px rgba(13, 13, 13, 0.73);}
.carousel .text .sup { font-size: 26px; }
.carousel .links { position: absolute; bottom: 5px; left: 0; width: 100%; }
.carousel .links a { display: inline-block; position: relative; float: left; width: 33.3333333333%; padding: 10px; border-right: 1px solid #ccc; font-size: 12px; border-left: 1px solid #ccc; background: #ebebeb; text-align: center; font-weight: bold; color: #666; }
.carousel .links a.active { background: #ccc; }
.carousel .links a.active:after { position: absolute; top: 0px; left: 50%; margin-left: -20px; margin-top: -14px; border-right: 20px solid transparent; border-bottom: 15px solid #ccc; border-left: 20px solid transparent; content: ''; }
.carousel .links a:last-child { border-right: 0; }
.carousel .links a:first-child { border-left: 0; }

/* Hero Banner */
.row-7 .hero-content { padding-bottom: 20px; }
.row-7 .hero-content a > img { width: 100%; max-height: 350px; height: auto; }


/* results */
.results-count { line-height: 1.2; padding-bottom: 10px; }
.results-count .prod-count { font-size: 16px; font-weight: bold; }
.results-count .supplier-count { font-size: 14px; color: #666; }
.results-count .filter-by { text-transform: uppercase; font-style: italic; font-size: 13px; font-weight: bold; margin-top: 5px; }

/* pagination */
.pagination > li:first-child > a,
.pagination > li:last-child > a { border-radius: 0; }
.pagination .disabled a, .pagination .disabled a:hover { color: #999; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > li > span, .pagination > li > span:hover { background: none; color: #999; border:none; z-index: 0; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 8px; }
.form-control.input-gotopage { width: 50px; margin-left: 5px; }
.search-footer .btn .fa-caret-down { margin-top: 3px; }


/* search term */
.search-term { display: block; background: #777; padding: 3px 5px; margin-bottom: 5px; border-radius: 3px; color: #fff; }
.search-term:hover { text-decoration: none; }
.search-term .remove { float: right; margin-top: 0px; color: #fff; padding: 2px 0; }
.search-term .remove > span { font-size: 10px; line-height: 12px; margin-right: 5px; display: inline-block; vertical-align: top; }
.search-term .ellipsis { color: #fff; }
.search-term .fa { float: right;}

.dimension-breadcrumbs .list-unstyled { margin-bottom: 5px; }

/* search within */
.search-within { position: relative; }
.search-within .form-group input { padding-left: 27px; max-width: 164px; }
.search-within .fa { position: absolute; left: 10px; top: 7px; display: block; color: #999; }

/* dimensions */
.product-refinements .checkbox { margin-top: 0; margin-bottom: 0; width: 155px; }
.product-refinements .checkbox input { margin-top: 1px; margin-right: 3px; margin-left:-16px; }
.product-refinements .checkbox label { min-height: 10px; padding-left: 16px; }
.dimension-value { width: 155px; display: block; }
.dimension-value input[type="checkbox"] { margin: 0 4px 0 0; vertical-align: middle; }
.dimension-count { color: #999; position: absolute; right: 0; top: 0; }
.dimension-group ul { margin: 0; }
.dimension-group .fa { float: right; margin-top: 2px; }
.dimension-subgroup .group-header { display: block; }
.dimension-subgroup .group-header > a, 
.dimension-subgroup .group-header > a:hover { display: block; color: #4d4d4d; text-decoration: none; }
.dimension-subgroup { border-top: 1px solid #ccc; padding: 5px 0; }
.dimension-subgroup li { padding: 0; position: relative; display: block; }
.dimension-subgroup li label { font-weight: normal; }
.dimension-subgroup ul { margin: 0; padding: 0; font-size: 12px; }
.dimension-subgroup ul.dimensions { margin-top: 7px; max-height: 7.2em; overflow: hidden; transition: max-height 0.6s ease-in-out; }
.SupplierResults .dimension-subgroup ul.dimensions { max-height: none; }
.dimension-subgroup .filter-holder { display: none; opacity: 0; position: relative; margin: 0 0 5px; }
.dimension-subgroup .filter-holder input { width: 100%; margin-bottom: 0; padding: 1px 20px 1px 5px; }
.dimension-subgroup .filter-holder input::-ms-clear { display: none; }
.dimension-subgroup .filter-holder .fa { position: absolute; right: 5px; top: 7px; font-size: 12px; }
.dimension-subgroup.expanded li.hidden { display: block; }
.dimension-subgroup.expanded ul.dimensions { max-height: 25.65em; overflow: auto; overflow-x: hidden; }
.dimension-subgroup.expanded .filter-holder { display: block; opacity: 1; }
.dimension-subgroup.expanded .dimension-value { width: 150px; }
input#txtPriceFrom,
input#txtPriceTo { width: 60px; }
input#txtPriceFrom { margin: 0 2px 10px 0; }
input#txtPriceTo { margin: 0 0 10px 2px; }
button#btnChangePrice { margin: 0 0 10px 10px; }
.product-refinements .radio-inline { line-height: 20px; }

/* expanded nav */
.nav-more-less { text-align: right; font-size: 12px; margin-top: 10px; }
.nav-more-less .nav-less { display: none; }
.expanded .nav-more-less .nav-more { display: none; }
.expanded .nav-more-less .nav-less { display: inline; }

/* SEARCH RESULTS */
.sort-by,
.per-page,
.tile-view { text-align: left; }
.sort-by { width: 140px; }
.per-page { width: 70px; }
.tile-view { width: 90px; }
.disabled { opacity: 0.65; }


.virtual-sample-icon { position: absolute; left: -15px; bottom: 0; color: #215282; font-size: 14px; }
.virtual-sample-icon-sm { left: 0; bottom: -15px; }
.price-label { font-size: 10px; text-transform: uppercase; }
.results-toolbar i.fa-caret-down { float: right; margin-top: 3px; }

/* columns */
.product-refinements,
.product-results-left { float: left; width: 25%; padding-right: 10px; }
.product-results,
.product-results-right { float: right; width: 75%; padding-left: 10px; }
.product-results-full { width: 100%; padding-left: 0; }

.search-price-holder { position: relative; }

/* footer */
.footer-holder { background: #efefef; padding: 30px 0; border-top: 3px solid #215282;}
.footer-holder h5 { font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.footer-holder ul { list-style: none; margin: 0; padding: 0; font-size: 12px; }
.footer-holder ul li { color: #337ab7;  }
.copyright-holder { font-size: 10px; padding: 15px 0 60px; }
.copyright .asiLogo { display: inline-block; width: 118px; height: 40px; overflow: hidden; background: url('../images/lgml/dash/asi_logo.png') left top no-repeat; }

/* next page */
.next-page { display: block; font-size: 16px; padding: 3px 10px; background: #efefef; text-align: center; margin-top: -5px; }

/* scroll to top */
.scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 100; background-color: rgba(255,255,255,0.9); color: #337ab7; border: 1px solid #efefef; width: 80px; height: 48px; line-height: 48px; right: 30px; bottom: 30px; padding-top: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.scroll-top-wrapper:before { content: "Top"; display: inline-block; padding-right: 4px; vertical-align: top; }
.scroll-top-wrapper:hover { background-color: rgba(255,255,255,1); }
.scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: 1.0; }
.scroll-top-wrapper i.fa { line-height: inherit; }

/* Client Safe Mode */
.onoffswitch { position: relative; width: 62px; margin: 0 auto; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #FFFFFF; border-radius: 20px; }
#clientsafecheck[disabled] .onoffswitch-label,
#clientsafecheck:disabled .onoffswitch-label { cursor: default; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 23px; padding: 0; line-height: 25px; font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #159100; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #D45555; color: #FAF5F5; text-align: right; }
.onoffswitch-switch { display: block; width: 16px; margin: 6px; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 34px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }
.client-safe-mode { border-bottom: solid 1px #e5e5e5; padding: 0 0 9px 0; }
.client-safe-mode h5 { padding: 0 0 8px 0; font-size: 15px; color: #333; text-align: center; }
.client-safe-mode i.fa { vertical-align: top; line-height: 16px; font-size: 12px; color: #333; }

/* Contact Request Modal */
#txtSubject { display: inline-block; width: 97%; margin: 0 0 15px 0; }
#rfSubject { display: inline-block; vertical-align: top; margin: -5px 0; padding: 0; font-size: 18px; }
#txtBody { display: inline-block; width: 97%; margin: 0 0 15px 0; }
#rfBody { display: inline-block; vertical-align: top; margin: -5px 0; padding: 0; font-size: 18px; }
#panFailure { color: #A94442; background-color: #F2DEDE; border-color: #EBCCD1; padding: 13px 10px 2px 10px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; line-height: 13px; }

.container { width: 970px; }
.navbar-collapse.collapse { display: block!important; }
.navbar-nav { margin: 0!important; }
.navbar-nav > li, .navbar-nav { float: left !important; }
.navbar-nav.navbar-right:last-child { margin-right: -15px !important; }
.navbar-right { float: right!important; }

@media (max-width: 1199px) {
    .col-menus { width: 90%; }
    .col-logo { width: 10%; }
    .grid .prod .btn-sm { padding: 2px 5px; }
    .search-within .form-group input { max-width: 103px; }
    .dimension-subgroup .quantity label { display: block; }
    .dimension-value { width: 125px; }
    .product-refinements .checkbox { width: 115px; }
    .list .label-preferred { max-width: 37%; }
}

@media (max-width: 1080px) {
    .modal-xl { width: 100%; margin: 0; }
    .list .label-preferred { max-width: 80%; margin-top: 2px; clear: both; }
}

@media (min-width: 1200px) {
    .container { width: 1170px; }
}

@media print {
    body, .container { padding: 0;  margin: 0 auto; }
    tr { page-break-inside: auto!important; }
    a, .virtual-sample-icon i:before { color: #23527c!important; }
    .supplier-ratings i:before, .supplier-ratings i:after { color: #FFCA42!important; }
    .asiNum, a.asiNum:hover, .asiNum span { color: #CC0000!important; }
    .well * { color: #000!important; }
    .fa-check:before { color: #fff!important; }
    .table-striped>tbody>tr:nth-of-type(odd) td, 
    .table-striped>tbody>tr:nth-of-type(odd) th { background: #fbfbfb!important; background-color: #fbfbfb!important; }
    w-div,
    .QuickSearch,
    .fullWidthHeaderZone,
    .fullWidthFooterZone,
    .results-toolbar,
    .search-footer,
    .search-within,
    .dimension-group,
    .remove,
    .clear-all-btns,
    .prod-checkbox,
    .next-page,
    .buttons,
    .close-btn-wrapper,
    .ProductResults #ContentZoneRow7Col2,
    .SupplierResults #ContentZoneRow7Col2,
    .SupplierResults .commands,
    .scroll-top-wrapper.show, 
    .prod-nav-arrows,
    .last-update-date,
    .endecaPager,
    .ad-container,
    .product-compare-toolbar,
    .FeaturedBrand { display: none!important; }
    table.table.price-grid td { min-width: 50px; font-size: 95%; }
    .col-print-12 { width: 100% }
    .nav-tabs li { display: none; font-weight: bold; }
    .nav-tabs>li>a { padding: 10px 0; }
    .nav-tabs>li.active>a { border: 0; }
    .nav-tabs li.active { display: block; }
    .grid .prod-sponsored { margin-top: -10px; }
    .callout-popular:after { display: none; }
    div.tile-row { page-break-inside: avoid; }
    /*
    .product-refinements, .product-results { width: auto; float: none; }
    .selected-dimension { float: left; width: 25%; }
    */
    a[href]:after { display: none; }
    .ProductResults #ContentZoneRow7Col1 { width: 100%; }
    .SupplierResults #ContentZoneRow7Col1 { width: 100%; }
    .SupplierResults .SummaryView .colSup { width: 36%; }
    .quickview-product { min-height: 100px; }
    .product-results .tile .rating { float: none; display: block; }
    .product-results .tile .label-preferred { float: none!important; text-align: left; width: auto; max-width: 100%; margin: 4px 0; display: inline-block; }
    .callout-new, .callout-new span, 
    .callout-popular, .callout-popular span,
    .label-preferred, .label-preferred span,
    .label-confirmed, .label-confirmed span { color: #fff!important; }
    .grid .tile > .prod-img > .prod-img-inner > a { height: 127px; }
    .list .label-sponsored { float: none; }
    .grid .prod .prod-supplier-brief .label-preferred { max-width: 100%; }
}
.colon-after:after {
    content: ":";
}