`@charset "utf-8"; /* 1FS */ /* styling is -*MOBILE FIRST*- */ /* please see individual MEDIA QUERIES for larger screen displays */ /* do ALL primary styling MOBLIE FIRST then work your way up to larger res using the MEDIA QUERIES */ /* @import url("fonts.css"); /* fonts.com 1fs project */ /* ----------------------------------------------------------------- */ /* UNIVERSAL */ /* ----------------------------------------------------------------- */ html{ -webkit-font-smoothing: antialiased; } body{ background: url('../img/bg-top.jpg') repeat-x #ffffff; overflow-x:hidden; } a:focus{ outline:none; } .form-group input[type="submit"]{ float:right; } .form-group .form-salutation{ float:left; clear:left; width:50px; } .form-group{ margin-bottom:8px; } .form-control{ height:30px; padding:4px 12px; } .hidden{ display:none; } p::selection { color: #ffffff; background-color: #f5ba18; } a::selection {color: #ffffff; background-color: #025289;} img.grayscale{ filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /* ie10-11*/ span.grayscale-fix{ display:block !important; } /* ----------------------------------------------------------------- */ /* MASTHEAD */ /* ----------------------------------------------------------------- */ .brand-logo { display: block; padding-top: 7%; margin-left: auto; margin-right: auto; width: 85%; height: 85%; } .brand-text { display: block; padding-top: 10%; margin-left: auto; margin-right: auto; font-size: 18px; font-weight: 500; } /*#secondary-nav{ height:40px !important; }*/ #onefs-logo{ margin-top:6px; padding-left:0; padding-right:0; /*min-height: 105px;*/ /* k12 border-right: 2px solid #d6d6d6; background: #ffffff;*/ float:left; padding: 13px 0 0 0; } #onefs-logo img{ display:block; max-width:100%; margin: 0 0 0 0; /* k12 background:#ffffff;*/ padding: 0px 5px 0px 5px; } #nav-about, #main-nav, #mobile-close, #mobile-links, #mobile-manf-search{ display:none; } #nav-area.col-xs-8{ padding-left:5px; padding-right:5px; } #search { padding: 8px 0 0 0; float:right; } /*.adv-srch-btnt { font-size: 10px!important; }*/ /* login slider */ #login{ display: block; padding: 60px 12px 2px 0px; position:relative; z-index:1800; } .login-logo { } .login-logo img { padding: 2px 0px 10px 10px; width: 125px; } #panel-login{ position:absolute; background:#bbc866; width: 150px; top: 89px; right: 21px; display: none; -webkit-box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.4); box-shadow: -4px 3px 5px 0px rgba(0,0,0,0.4); } #panel-login form{ width:90%; margin:15px auto; } #panel-login form div.col-xs-6:first-child{ padding:0 0 10px 0; } #panel-login form div.col-xs-6:last-child{ padding:0 0 10px 5px; } #panel-login form a{ display:block; color: #ffffff!important; text-transform: uppercase; text-decoration:none; } #panel-login form .login-links a:first-child{ margin-top:0; margin-right:0; } #panel-login form .login-links a{ font-size: 14px; line-height:15px; } #panel-login ul{ margin:10px; padding:0; } #panel-login ul li{ list-style-type:none; color:#ffffff; font-size:11px; } #panel-login a{ color:#ffffff!important; } #panel-logout{ width:100%; text-align:right; padding-right:10px; font-size:11px; } .panel-content{ padding-top:10px; } .panel-content .dis-check{ padding-left: 0 !important; padding-right:0 !important; } .panel-content .dis-check input[type="checkbox"]{ margin:0; } .panel-content .dis-copy{ text-align:left; padding-left:10px !important; padding-right:0 !important; } .panel-content .dis-copy a{ text-transform:none; font-size:11px!important; margin-right:0 !important; } /* the box */ .btn-slide-login{ font-size: .85em!important; font-weight:bold; } .slide-login { width: 105px; height: 31px; margin: 3px 9px 0 0; padding: 0; float:right; } .slide-login a{ width:100%; height:26px; background: url('../img/login-arrow.png') right 8px no-repeat #bbc866; color:#ffffff!important; text-transform:uppercase; text-decoration:none; padding:5px; padding-right:20px; display:inline-block; position:relative; font-size:10px; } .slide-login.loginactive a{ background: url('../img/login-arrow-down.png') right 8px no-repeat #bbc866; } /* my 1fs user profile icon */ #my-onefs{ display:block; padding-top:5px; padding-right:5px; float:right; } #my-onefs a{ display:block; width:25px; height:24px; background:url(../img/my-1fs.png) no-repeat; text-decoration:none; } #my-onefs a:hover{ text-decoration:none; } /* school talk notify icon */ #schooltalk-notify{ display:block; position:relative; padding-top:1px; padding-right:5px; float:right; } #schooltalk-notify a{ display:block; width:31px; height:29px; background:url(../img/notify-icon.png) no-repeat; text-decoration:none; } #schooltalk-notify a:hover{ text-decoration:none; } #schooltalk-notify .notify-number, #schooltalk-msg .notify-number{ position: absolute; width: 13px; text-align: center; top: 1px; right: 4px; background: #990002; color: #ffffff; font-size: 11px; border-radius: 3px; padding: 2px 0px 2px 0px; } /* messages icon */ #schooltalk-msg{ display:block; position:relative; padding-top:2px; padding-right:5px; float:right; } #schooltalk-msg a{ display:block; width:31px; height:29px; background:url(../img/msg-icon.png) no-repeat; text-decoration:none; } #schooltalk-msg a:hover{ text-decoration:none; } /* mobile only search */ #mobile-nav-search{ display:block; clear:both; /*border-top:1px solid #d6d6d6;*/ height:40px; margin-top:10px; } #mobile-nav-search form{ width:95%; margin:10px auto; background:#ffffff; border:1px solid #cccccc; } #mobile-nav-search input[type="text"]{ width:43%; height:26px; float:left; border:0; padding-left:5px; } #mobile-nav-search select{ float:right; height:26px; border:0; border-left:1px solid #cccccc; background:#dedea5; } #mobile-nav-search input[type="image"]{ float:right; width:27px; height:26px; background:url('../img/search-glass-mobile2.jpg') no-repeat; text-indent:-400000px; } #mobile-refine-search{ background:#a6b738; width:100%; margin-top:10px; } #mobile-refine-search h2{ color:#ffffff; font-size:17px; } #mobile-refine-search select{ width:100%; margin-bottom:10px; } /* refine search sidebar */ .sidebar .sidebar-refine-results{ display:block; } .sidebar .sidebar-refine-results h2{ background:#a6b738; color:#ffffff; font-size:17px; padding:15px; font-weight:bold; margin-bottom:0; } .sidebar .sidebar-refine-results h3{ width:100%; background:#a6b738; color:#ffffff; font-size:18px; text-transform:uppercase; padding:15px; margin-bottom:20px; margin-top:0; border:1px solid #ffffff; } .sidebar .sidebar-refine-results form{ font-size:14px; font-weight:bold; color:#666666; font-size:13px; } .sidebar .sidebar-refine-results form span{ font-weight:normal; } .sidebar .sidebar-refine-results ul{ list-style-type:none; padding-left:15px; } .sidebar .sidebar-refine-results ul li{ padding-bottom:11px; } .sidebar .sidebar-refine-results ul li.cat-see-more a{ color:#00508b; font-weight:bold; } .sidebar .sidebar-refine-results input[type="checkbox"]{ margin-right:5px; margin-top:2px; float:left; } .sidebar .sidebar-refine-results label{ display:inline-block; max-width:80%; vertical-align:top; } .sidebar .sidebar-refine-results table td{ padding-top:5px; padding-bottom:5px; vertical-align:top; } .sidebar .sidebar-refine-results table td input[type="text"]{ height:20px; } /* sidebar compare products */ .sidebar .sidebar-compare-products .fresh-bites { display:block; } .fresh-bites p { padding-left: 10%; padding-right: 10%; color: #ffffff} .sidebar.sidebar-compare-tool { display:none; } .compare-desktop, .compare-panels{ display:none; } /* compare products sidebar */ .sidebar .sidebar-compare-products{ display:block; } .sidebar .sidebar-compare-products h3, #ofs-compare-cart-sidebar h3{ width:100%; background:#a6b738; color:#ffffff; font-size:18px; text-transform:uppercase; padding:15px; margin-bottom:20px; margin-top:0; border:1px solid #ffffff; } .sidebar .sidebar-compare-products h4, #ofs-compare-cart-sidebar h4{ width:100%; color:#666666; font-size:13px; font-weight:bold; padding:0 15px 0 5px; margin-top:0; margin-bottom:5px; } .sidebar .sidebar-compare-products h5, #ofs-compare-cart-sidebar h5{ width:100%; color:#666666; font-size:11px; margin-top:0; padding:0 0 0 5px; text-transform:uppercase; } .sidebar-compare{ width:100%; } .sidebar-compare-remove{ width:10%; min-height:55px; float:left; } .sidebar-compare-remove a{ padding-left:15px; padding-top:1px; display:block; width:13px !important; height:13px !important; margin:0 !important; cursor:pointer; } .sidebar-compare-remove a img{ width:13px !important; height:13px !important; margin:0 !important; max-width:13px !important; } /* tooltip style overrides */ .tooltip-inner{ padding:5px !important; background:#cfcfcf; color:#333333; } .tooltip.left{ margin-left: 10px !important; } /* tooltip arrow color */ .tooltip.top .tooltip-arrow{ border-top-color: #cfcfcf; } .tooltip.left .tooltip-arrow{ border-lef-color: #cfcfcf; } .tooltip.bottom .tooltip-arrow{ border-bottom-color: #cfcfcf; } .tooltip.right .tooltip-arrow{ border-right-color: #cfcfcf; } .tooltip-inner{ background-color:#cfcfcf; } .sidebar-compare-info{ width:90%; float:left; } .sidebar-compare-info h4{ margin-top:0; font-size:14px; } .sidebar-compare-submit a{ display:block; float:right; border:1px solid #cccccc; background:#dee7f1; color:#005288; padding:4px 8px 4px 8px; font-size:13px; margin-right:15px; margin-bottom:20px; } a.compare-clear{ display:block; text-align:right; padding:0 16px 5px 0; } /* sidebar suggest a manufacturer */ .sidebar-suggest{ padding-left:0 !important; padding-right:0 !important; } .sidebar-suggest h2{ width:100%; background:#a6b738; color:#ffffff; font-size:17px; padding:15px; font-weight:bold; margin-bottom:0; } .sidebar-suggest form, .sidebar-suggest p{ display:block; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; } .sidebar-suggest p{ margin:15px auto; } /* manufacturers menu */ .tinynav, #sidr-id-mobile-manf-search select { display: block !important; clear:none !important; /*width:91% !important; margin:10px 0 10px 20px !important;*/ width: 80% !important; margin: 10px 0 10px 58px !important; color:#666666; } .tinynav{ font-weight:bold !important; } /* sidr ids - for automated mobile swipe menu */ #sidr-id-tiny{ display:none; } #sidr-id-nav-manuf, #sidr-id-nav-search, #sidr-id-nav-lists, #sidr-id-nav-manuf, #sidr-id-mobile-manf-search, #sidr-id-nav-cat{ float:none; padding:0; margin-left:41px; border-bottom:1px solid #002944; } #sidr-id-manuf-main-nav, #sidr-id-cat-main-nav, #sidr-id-lists-main-nav, #sidr-id-cat-second-nav, #sidr-id-nonfoods-main-nav{ display:none; } #sidr-id-nav-search{ border-bottom:0; } #sidr-id-nav-manuf a, #sidr-id-nav-cat a, #sidr-id-nav-nonfoods, #sidr-id-nav-lists a, #sidr-id-nav-search a, #sidr-id-nav-about a{ padding-left:19px !important; } #sidr-id-nav-manuf a, #sidr-id-nav-cat a, #sidr-id-nav-lists a{ border-bottom:0 !important; } #sidr-id-nav-manuf a, #sidr-id-nav-manuf{ /*border-bottom:0;*/ } #sidr-id-manuf-listing, #sidr-id-cat-listing{ display:none; } /* sidr mobile off-canvas menu initially hidden, un-hidden when clicked */ #sidr{ display: none; } #mobile-trigger{ width: 75px; position: absolute; top: 0; right: 12px; z-index:2000; } #mobile-trigger a.menu-trigger{ outline:none; margin-top:1px; color:#005288; font-size:13px; text-decoration:none; cursor:pointer; display:block; height:30px; text-align:right; } #mobile-trigger a.menu-trigger img{ float:right; padding-left:3px; padding-top:3px; } /* styling once active */ .sidr{ background:url('../img/offcanvas-bg.jpg') repeat-y #002944; overflow-x:hidden; } .sidr-inner:first-child{ height:100%; float:left; background:#a6b738; } #sidr-id-close-button{ float:left; width:41px; height:100%; text-indent:-10000px; background:url('../img/offcanvas-hamburger.jpg') no-repeat 0 10px; border:0; } .sidr .sidr-inner{ padding:0 !important; } .sidr-inner{ background:#005288; } .sidr-inner form p:first-child{ display:none; } .sidr-inner a, .sidr-inner a:link, .sidr-inner a:active, .sidr-inner a:visited{ width:100%; padding:15px 0 15px 60px; display:block; color:#ffffff; font-size:22px; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #002944; } .sidr-inner a:hover{ text-decoration:underline; } .sidr-inner a.mobile-last{ border-bottom:0; } .sidr-class-cat-toggle, .sidr-class-manuf-toggle{ background:none; border:0; text-align:left; padding:15px 0 15px 20px; width:100%; display:block; color:#ffffff; font-size:22px; text-decoration:none; text-transform:uppercase; margin-right:0; } .sidr-class-manuf-toggle select, .sidr-class-cat-toggle select{ width:95% !important; margin-left:0 !important; } #sidr-id-nav-search p{ display:none; } #sidr-id-nav-search form, #nav-search form{ width:90% !important; margin:20px !important; height:34px; background:#ffffff; overflow:hidden; } #sidr-id-nav-search select, #nav-search select{ display:none; } #sidr-id-nav-search input[type="text"], #nav-search input[type="text"]{ /* k12 float:left; */ width:65.5%; /* k12 height:34px;*/ height:27px; padding-top: 5px; color:#666666; } #sidr-id-fav-search input[type="text"], #fav-search input[type="text"]{ float:left; width:90%; height:25px; margin-top:15px; } #sidr-id-nav-search input[type="image"], #nav-search input[type="image"] { float:right; width:29px; height:34px; background:url('../img/search-glass-mobile.jpg') no-repeat #ffffff; text-indent:-100000px; border:0; outline:0; } #sidr-id-fav-search input[type="image"], #fav-search input[type="image"]{ width:25px; height:26px; background:url('../img/fav-search.png') no-repeat #ffffff; text-indent:-100000px; border:0; outline:0; margin-top:15px; float:right; } /* ----------------------------------------------------------------- */ /* CONTENT */ /* ----------------------------------------------------------------- */ /* first load slider modal, uses slick.js */ #intro-slider .modal-dialog{ max-width:600px; margin-top:80px; z-index:50000; } #intro-slider .modal-header{ border-bottom:0; } #intro-slider .modal-body{ padding:0; max-width:530px; margin:0 auto; } #intro-slider p.dont-show{ clear:both; padding-top:5px; } #intro-slider img.intro-header{ display:block; max-width:100%; margin:0 auto; } #intro-slider h1{ text-transform:uppercase; font-size:24px; color:#a6b738; } /* disable the prev/next buttons that slick adds */ #intro-slider button.slick-next, #intro-slider button.slick-prev { display:none !important; } #intro-slider-slides{ max-width:530px; min-height:300px; margin:10px auto 10px auto; } #intro-slider-slides div.slick-slide{ max-width:530px !important; } #intro-slider ul.slick-dots{ height:30px; background:#d6d6d6; position:relative !important; bottom: 0 !important; margin-bottom:20px; } #intro-slider .slick-dots li button{ width:14px; height:14px; background:url(../img/slick-dot-hover.jpg) no-repeat; } #intro-slider .slick-dots li button:hover, #intro-slider .slick-dots li.slick-active button{ width:14px; height:14px; background:url(../img/slick-dot.jpg) no-repeat; } .onefs-tagline{ padding:0; } .onefs-tagline h1{ background:#005288; color:#ffffff; font-size:16px; padding:15px; margin:0; -webkit-box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4); -moz-box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4); box-shadow: 0px 4px 5px -1px rgba(107,107,107,0.4); /* truncate long search phrases */ width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .onefs-tagline h1 span{ text-transform:uppercase; } .triangle-l, .triangle-r{ display:none; } .row.join img, .row.home img{ display:block; max-width:100%; } /* equal height columns fix */ .row.main-content{ overflow:hidden; } /* .content-listings, .sidebar{ margin-bottom: -99999px; padding-bottom: 99999px; }*/ .content-listings, .sidebar{ suckitfloat:none !important; } .content-listings{ clear:both; padding-top:15px; padding-left:15px; padding-right:15px; } #main-content{ margin:10px 0 10px 0; background:#ffffff; } #main-content>div{ padding-left:10px; padding-right:10px; } #main-content h2 { font-weight: bold;} #main-content h3 { font-weight: bold; color: #a6b738;} #main-content .bkr-profile h2 { text-transform: uppercase; padding: 14px 8px 11px 8px; background: #eaeaea; font-size: 1.8em; color: #333333;} #main-content .bkr-profile h3 { text-transform: uppercase; font-size: 1.2em; margin-left: 8px; color: #005288;} #main-content .bkr-profile p { margin: 0px 8px; } #main-content .bkr-profile ul, #main-content .bkr-profile ol { margin: 10px 0 0 10px; } #main-content .bkr-profile ul li { margin-bottom: 1.2em; line-height: 1.1em; } /* pagination */ .pageit{ margin:0; border:0; padding-right:0 !important; padding-left:0 !important; position:relative; } .pageit.favorites{ position: absolute; /*top: 35px;*/ top:0; right: 5px; } .pageit ul{ float:right !important; } .pageit li>a, .pager li>span { border-radius:0 !important; } .pageit select{ float:left; } .pagination-top{ margin-top:1px; float:right !important; } .pagination-bottom{ margin-top:10px; margin-right:15px; float:right !important; } .pagination-bottom div{ float:right; } .pagination-bottom .page-view{ margin-right:10px !important; } .pagination{ margin-top:0; margin-bottom:0; } .pagination form{ width:130px; } .pagination>.active>a{ background:#a6b639; } .pagination>li>a, .pagination>li>span{ border:0; font-size:11px; padding:5px; color:#0c588c; font-weight:bold; line-height:12px; } .pagination li a:hover{ text-decoration:none; } .pagination li{ float:left; list-style-type:none; color:#787878; } .pagination li span{ line-height:27px; margin-left:10px; } .pagination li input[type="text"]{ height:25px; width:25px; text-align:center; border: 1px solid #ddd; } .pagination li.page-arrow{ height:25px; width:25px; font-size:30px; line-height:18px; display: inline-block; background-color: #fff; border: 1px solid #ddd; padding-left:7px; } .pagination li.page-arrow.forward{ float:right; } .pagination li.page-arrow.disabled, .pagination li.page-arrow.disabled:hover{ background:#f3f3f3; color:#dddddd; cursor:auto; } .pagination li.page-arrow a{ } .pagination li.page-arrow:hover{ background:#005288; cursor:pointer; } .pagination li.page-arrow:hover a{ color:#a7b838; } /* home page sidebar */ .sidebar div{ padding:0; } .sidebar .how-to-buy{ margin-top:45px; } .sidebar div.learn-more{ font-size:14px; border-top:2px solid #d6d6d6; color:#000000; } .sidebar div.learn-more img{ padding: 40px 0 0 0; } .sidebar div.fresh-bites{ height:800px; width:100%; padding-top: 16px; border-top:2px solid #d6d6d6; background-color: #133055; } .sidebar div.quick-bites{ height:100%; width:100%; padding-top: 16px; } .sidebar div.quick-bites select{ width:100%; margin-bottom:20px; } .sidebar div.learn-more p{ padding:10px 15px; font-size:11px; } .sidebar div.learn-more p.img{ padding:15px 0 0 0; margin-bottom:0; } .sidebar div.learn-more p a{ display:inline-block; margin-top:10px; color:#ffffff; font-size:11px; padding:5px; font-weight:bold; text-transform: uppercase; background:#0079c2; } .sidebar div.learn-more p.img a{ display:block; margin-top:0; background:none; padding:0; } .sidebar div.sign-up{ } .sidebar div.sign-up h1{ font-weight:bold; font-size:18px; line-height:18px; color:#333333; padding:25px 25px 0 25px; } .sidebar div.sign-up p{ padding:0 25px 0 25px; } .sidebar div.sign-up form{ width:100%; min-height:250px; padding:0 25px 30px 25px; } .sidebar div.sign-up label{ float:left; clear:left; width:88px; font-size:14px; color:#000000; padding-top:2px; } .sidebar div.sign-up input[type="text"]{ width:150px; height:25px; float:left; background:#eeeeee; border:0; margin-bottom:8px; padding:5px; } .sidebar div.sign-up input[type="submit"]{ width:65px; height:25px; float:right; clear:both; margin-top:10px; background:#005288; border-radius:5px; border:1px solid #005288; color:#ffffff; letter-spacing:1px; font-size:14px; font-weight:bold; text-align:center; } } #alpha-mfr, #alpha-brands{ display:none; } /* home page tab content */ .listing-tabs{ padding:0!important; margin-top:3px; } .nav-tabs{ border-bottom:0; } .nav-tabs li{ width:75px; } .nav-tabs>li a{ background:#ffffff; color:#08579b; font-size:14px; font-weight:bold; text-align:center; padding:5px 0 5px 0; border-radius:0; border:1px solid #d6d6d6; min-height:47px; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background:#a6b738; color:#ffffff; } /* alpha select for mfr and brands */ #select-alpha, #select-brands{ position: absolute; right: 95px; top: 12px; width: 40px; } /* quickview */ /* hide it in the dom */ .quickview-content{ display:none; position: absolute; left: 50%; right: 0; bottom: -185px; width: 250px !important; z-index: 3000; min-height: 195px; background:#ffffff; border:4px solid #f5ba18; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:8px 15px 8px 15px; transform: translateX(-50%); } /* gets displayed under this name in protip jquery */ .quickview-content.show{ position: absolute; display:block; } #quick-sku{ float:left; width:45%; font-size:12px !important; color:#33333; } #quick-sku p{ border-top: 0 !important; } #quick-pack{ float:right; width:40%; font-size:12px !important; color:#333333 !important; text-align:right; } #quick-pack p{ border-top: 0 !important; text-align:right !important; } .quickview-content p{ color:#666666 !important; line-height:16px; border-top: 0 !important; text-align:left !important; font-size:14px !important; } .quickview-content a, .quickview-content a:link, .quickview-content a:visited, .quickview-content a:active{ display:block; text-align:center; width:200px; margin:0 auto; padding:8px; border:1px solid #f2bb16; background:#f4d473; color:#666666; } .quickview-content a:hover{ color:#333333; } .quickview-content span.cn{ background:#c1e19b; padding:0 5px 0 5px; } .quickview-content span.att{ padding-right:8px; } /* arrow */ .quickview-content:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 186, 24, 0); border-bottom-color: #f5ba18; border-width: 12px; margin-left: -12px; } /* products listings/search results */ .prod-results{ padding-bottom:25px; border-bottom:1px solid #d6d6d6; padding-left:0; padding-right:0; } .prod-thumb{ margin-top:20px; } .prod-thumb .img-holder, .prod-thumb .img-holder-favorites, .prod-thumb .img-holder-awarded, .prod-thumb .img-holder-discontinued{ width:105px; height:105px; border:1px solid #d7d8d9; position:relative; margin-right:auto; margin-left:auto; } .prod-thumb .img-holder-favorites{ border:2px solid #ffcc01; } .prod-thumb .img-holder-awarded{ border:2px solid #9B000F; } .prod-thumb .img-holder-discontinued{ border:2px solid #ff0000; } /* vertically align thumbnails of unknown height */ .img-holder .img-align, .img-holder-favorites .img-align, .img-holder-awarded .img-align, .img-holder-discontinued .img-align{ display:inline-table; /* to vertically align thumbnails */ table-layout:fixed; /* appease ie11*/ width:105px; height:105px; } .img-holder-favorites .img-align, .img-holder-awarded .img-align, .img-holder-discontinued .img-align{ width:101px; height:101px; } .img-align .img-vertical, .img-holder-favorites .img-vertical, .img-holder-awarded .img-vertical, .img-holder-discontinued .img-vertical{ display:table-cell; vertical-align:middle; } .prod-thumb img{ display:block; margin-left: auto; margin-right:auto; max-width:90%; max-height:90px; } /* icons */ .prod-thumb .prod-tag-1-slot{ position:absolute; right:-7px; top:5px; width:21px; height:26px; } .prod-thumb .prod-tag-1-slot img{ width:21px !important; height:26px !important; min-height:26px !important; min-width:21px !important; } .prod-thumb .prod-tag-2-slot{ position:absolute; right:-7px; top:35px; width:21px; height:26px; } .prod-thumb .prod-tag-2-slot img{ width:21px !important; height:26px !important; min-height:26px !important; min-width:21px !important; } .prod-thumb .prod-tag-3-slot{ position:absolute; right:-7px; top:65px; width:21px; height:26px; } .prod-thumb .prod-tag-3-slot img{ width:21px !important; height:26px !important; min-height:26px !important; min-width:21px !important; } .prod-thumb .prod-tag-4-slot{ position:absolute; right:-7px; top:95px; width:21px; height:26px; } .prod-thumb .prod-tag-4-slot img{ width:21px !important; height:26px !important; min-height:26px !important; min-width:21px !important; } .prod-thumb .prod-tag-5-slot{ position:absolute; right:-7px; top:125px; width:21px; height:26px; } .prod-thumb .prod-tag-5-slot img{ width:21px !important; height:26px !important; min-height:26px !important; min-width:21px !important; } .prod-thumb h2{ font-size:12px; line-height:13px; text-transform:uppercase; text-align:center; margin:6px auto 8px auto; height:25px; overflow: hidden; text-overflow: ellipsis; white-space:normal; max-width:115px; } .prod-thumb h2 a{ color:#005288; text-decoration:none; font-weight:bold; } .prod-thumb h2 a:hover{ text-decoration:underline; color: #3486bc; } .prod-thumb h3{ font-size:11px!important; line-height:13px!important; height:25px; overflow:hidden; text-align:center; margin:0; border-bottom: 0px!important; } .prod-thumb h3 a, .list-view-item h3 a{ color:#666666 !important; text-decoration:none !important; } .prod-thumb h3 a:hover, .list-view-item h3 a:hover{ text-decoration:underline; } .prod-thumb h4{ font-size:10px!important; line-height:13px!important; padding: 6px 0px 0px 0px; overflow:hidden; text-align:center; margin:0; border-bottom: 0px!important; color: #666666; } .prod-thumb h4 a{ color:#666666; text-decoration:none; } .prod-thumb h4 a:hover{ text-decoration:underline; } .prod-thumb form{ width:105px; margin:5px auto 0 auto; } .prod-thumb form label, .list-view-item form label{ font-weight:normal; margin-bottom:0; font-size:12px; color:#999999; display: block; padding-left: 15px; text-indent: -15px; } .list-view-item form{ padding-top:5px; } .prod-thumb form input, .list-view-item form input { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -2px; } .prod-thumb div{ /*width:130px;*/ /*margin:5px auto 0 auto;*/ } .prod-thumb div label { font-weight:normal; font-size:12px; color:#999999; } /* product-specsheets */ #product-specsheets h2 { } /* product detail */ #product-detail h1{ font-weight:bold; color:#a6b738; font-size:20px; line-height:24px; margin-bottom:15px; } #product-detail h2, #product-specsheets h2{ font-size:16px; line-height:22px; color:#666666; margin-top:0; } #product-detail h2 strong{ margin-right:20px; } #product-detail h2 span a, #product-detail h2 span strong{ color:#005288; text-decoration:none; font-weight: bold; } #product-detail h2 span a:hover{ text-decoration:underline; } #product-detail h2 span:before { content: ' '; clear: left; display: block; } .product-detail-icons{ width:100%; float:left; /*margin-top:15px; margin-bottom:10px;*/ /*removed by BJS*/ } .product-detail-icons img{ float:left; margin-right:10px; } .mobile-how-to-buy{ display:block; } #product-options{ float:none; width:100%; margin-bottom:25px; } #product-options form{ float:left; width:60%; margin-bottom:30px; } #product-options button, #product-feedback, #compare-options button{ min-width:85px; height:25px; float:left; margin-top:10px; margin-right:15px; background:#005288; border-radius:5px; border:1px solid #005288; color:#ffffff; letter-spacing:1px; font-size:15px; font-weight:bold; text-align:center; } #product-feedback{ margin-top:0; margin-bottom:15px; background:#f7ba37; color:#ffffff; border:1px solid #ffffff; padding: 2px 4px 2px 4px; font-weight:bold; } #product-feedback:hover{ color:#205f79; } #product-actions button a{ color:#ffffff; } #product-actions label{ float:left; } #product-actions button.pdf, #compare-options button.pdf{ padding-right:26px; background:url(../img/pdf-button-bg.jpg) center right no-repeat #005288; } #product-actions button.pdf a{ color:#ffffff; } #product-actions button.pdf a:hover{ text-decoration:none; } #product-actions button.email { min-width:30px; padding-top:0; } #product-actions button.HEP{ min-width:24px; padding-top:0; } #product-actions button.email img{ display:block; margin:auto; } #product-actions button.email a{ color:#ffffff; } #product-actions button.email a:hover{ text-decoration:none; background:url(../img/search-icon-email-hover.jpg); } .modal-body input[type="radio"], .modal-body input[type="checkbox"]{ height: 14px; float: left; width: 17px; margin-top: 4px; margin-right: 5px; text-align: left; } #product-favorite{ float:left; margin-top:10px; } #product-favorite a{ display:block; text-indent:-10000px; background:url('../img/favorite-off.png') no-repeat; width:31px; height:25px; } #product-favorite a:hover, #product-favorite a.active{ background:url('../img/favorite-on.png') no-repeat; } #product-list{ float:left; margin-top:10px; margin-left: 0px; /*margin-left: 10px;*/ } #product-list a{ display:block; text-indent:-10000px; background:url('../img/list-add-off.png') no-repeat; width:31px; height:25px; } #product-list a:hover, #product-list a.active{ background:url('../img/list-add.png') no-repeat; } #product-actions, #product-social{ padding:0 !important; } #product-social{ display:none; } #mobile-product-social{ display:block; text-align:right; padding-left:15px !important; padding-right:15px !important; } #mobile-product-social div{ margin-top:0; float:right; } #mobile-product-social h3{ color:#000000; font-size:18px; float:left; width:130px; margin-top:5px; margin-right:3px; } #mobile-product-social a{ display:block; width:26px; height:26px; float:left; margin:1px; } /* product video modal */ .intrinsic-container { position: relative; height: 0; overflow: hidden; } /* 16x9 Aspect Ratio */ .intrinsic-container-16x9 { padding-bottom: 56.25%; } /* 4x3 Aspect Ratio */ .intrinsic-container-4x3 { padding-bottom: 75%; } .intrinsic-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } /* video thumbnail link */ #video img{ border:1px solid #005288; } /* video modal specific styling */ #inc-video h4.modal-title{ font-size:22px; line-height:50px; background: url(../img/vid-logo.jpg) 3px 3px no-repeat; padding: 2px 0 0 70px; } /* related products */ #prd-dtl-related-prds{ clear:left; margin-top:15px; margin-bottom:15px; } #prd-dtl-related-prds .prod-thumb{ margin-top:10px; } #prd-dtl-related-prds .prod-thumb h2{ font-size:12px; line-height:13px; text-transform:uppercase; text-align:center; margin:6px auto 8px auto; max-height:25px; overflow: hidden; text-overflow: ellipsis; white-space:normal; } #prd-dtl-related-prds .prod-thumb .img-holder, #prd-dtl-related-prds .prod-thumb .img-holder-favorites, #prd-dtl-related-prds .prod-thumb .img-holder-awarded, #prd-dtl-related-prds .prod-thumb .img-holder-discontinued{ width:90px; height:90px; } /* vertically align thumbnails of unknown height */ #prd-dtl-related-prds .prod-thumb .img-holder .img-align, #prd-dtl-related-prds .prod-thumb .img-holder-favorites .img-align, #prd-dtl-related-prds .prod-thumb .img-holder-awarded .img-align, #prd-dtl-related-prds .prod-thumb .img-holder-discontinued .img-align{ display:inline-table; /* to vertically align thumbnails */ width:90px; height:90px; } #prd-dtl-related-prds .prod-thumb .img-holder .img-vertical, #prd-dtl-related-prds .prod-thumb .img-holder-favorites .img-vertical, #prd-dtl-related-prds .prod-thumb .img-holder-awarded .img-vertical, #prd-dtl-related-prds .prod-thumb .img-holder-discontinued .img-vertical{ display:table-cell; vertical-align:middle; } #prd-dtl-related-prds .prod-thumb .img-holder img, #prd-dtl-related-prds .prod-thumb .img-holder-favorites img, #prd-dtl-related-prds .prod-thumb .img-holder-awarded img, #prd-dtl-related-prds .prod-thumb .img-holder-discontinued img{ max-width:85%; max-height:75px; } .prod-detail-compare{ display:block; padding:0 15px 0 0 !important; } .prod-detail-compare a{ display:block; float:right; border:1px solid #cccccc; background:#dee7f1; color:#005288; padding:4px; font-size:12px; margin-right:5px; } .prod-detail-compare a.disabled{ color:#a4a4a4; background:#eeeeee; border:1px solid #cccccc; cursor:no-drop; } #gs1-tag{ margin:3px 5px 0px 0px; } #gs1-tag p{ width:100%; text-align:right; font-size:12px; color:#a3a3a3; padding:7px 30px 7px 0; background:url('../img/tag-gs1.png') no-repeat right; } .product-detail-specs{ width:100%; border-top:0 !important; margin-bottom:20px; margin-top:10px; border-left:0; border-right:0; } .product-detail-specs td:first-child{ width:85px; } .product-detail-specs td{ border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#000000; padding-bottom:5px; padding-top:5px; font-size: .9em; } #your-favorite-details{ } #your-favorite-details>div{ padding-left:0; padding-right:0; } #your-favorite-details h3{ width:100%; background:#005288; color:#ffcc01 !important; font-size: 14px; border-radius:3px; padding:10px 15px; } #your-favorite-details textarea{ width:100%; } p.note-saved{ color:#FF0000; } #your-favorite-details span{ clear:left; float:left; font-size:10px; } #your-favorite-details input#save-note{ float:right; background: #005288; color:#ffffff; min-width: 85px; height: 25px; margin-top: 3px; border-radius: 5px; border: 1px solid #005288; letter-spacing: 1px; font-size: 15px; font-weight: bold; text-align: center; } #your-favorite-details button.pdf-favorite{ padding-right:26px; background:url(../img/pdf-button-bg.jpg) center right no-repeat #005288; color:#ffcc01; min-width: 85px; height: 25px; float: left; margin-top: 10px; margin-right: 15px; border-radius: 5px; border: 1px solid #005288; letter-spacing: 1px; font-size: 15px; font-weight: bold; text-align: center; } #your-favorite-details button.pdf a{ color:#ffffff; } #your-favorite-details button.pdf a:hover{ text-decoration:none; } #favorite-save{ clear:left; margin-top:10px; } #favorite-list{ margin-top:20px; margin-bottom:10px; } .favorite-pdf-details{ margin-bottom:10px; } .favorite-pdf-details div{ padding-left:5px; padding-right:5px; padding-top:4px; } #favorite-save-pdf.modal-dialog{ width:500px; } #favorite-save-pdf div.form-group{ margin-bottom:0; } #save-sku-pdf{ float: right; background: #005288; color: #ffffff; min-width: 85px; height: 25px; margin-top: 1px; margin-right:20px; border-radius: 5px; border: 1px solid #005288; letter-spacing: 1px; font-size: 15px; font-weight: bold; text-align: center; } #accordion{ clear:both; margin-top:25px; } .panel-default>.panel-heading{ background:#d6d6d6; } .panel-title{ background:url('../img/collapse-minus.jpg') center right no-repeat; } .panel-title>a, .panel-title>a:link, .panel-title>a:visited, .panel-title>a:active { display:block; width:100%; font-size:16px; text-decoration:none; font-weight:bold; color:#005288; } .panel-title>a:hover{ text-decoration:none; color:#3486bc; } .panel-title>a.collapsed{ background:url('../img/collapse-plus.jpg') center right no-repeat; } .allergen{ margin-bottom:10px; } .cust-item-codes{ width:100%; border-top:0 !important; margin-bottom:20px; margin-top:20px; } .cust-item-codes td{ vertical-align:top; border-bottom:1px solid #d6d6d6; color:#000000; padding-bottom:5px; padding-top:5px; font-size: .9em; } /* email popup */ h4.modal-title{ background:url(../img/vid-logo.jpg) 3px 3px no-repeat; padding-left:70px; line-height:3.4; font-weight:bold; color:#646464; } /* my lists popup */ h4.modal-title.my-list{ background:none !important; padding-left:0 !important; } #oneFS-list-dialog{ height:250px; overflow-y:scroll; overflow-x:hidden; } #oneFS-list-dialog a{ color:#333333; font-size:16px; cursor:pointer; padding-bottom:5px; } #oneFS-list-dialog a:hover{ text-decoration:none; } #oneFS-list-dialog a.list-add{ background:url(../img/list-modal-add.png) no-repeat; padding-left: 25px; transition: background-image 0.5s ease; } #oneFS-list-dialog a.list-added{ font-weight:bold; background:url(../img/list-modal-check.png) no-repeat; padding-left:25px; } #oneFS-list-dialog a.list-added:hover{ background:url(../img/list-modal-remove.png) no-repeat; } /* my 1fs profile #profile-sidebar{ display:none; }*/ #profile-accordion .panel-title{ background: #a6b738; color: #ffffff; font-size: 18px; font-weight:normal; text-transform: uppercase; padding: 15px; margin-bottom: 20px; margin-top: 0; border: 1px solid #ffffff; } #profile-accordion .panel-title>a{ background:url('../img/collapse-minus-profile.png') center right no-repeat; color:#ffffff; } #profile-accordion .panel-title>a.collapsed{ background:url('../img/collapse-plus-profile.png') center right no-repeat; color:#ffffff; } #profile-accordion .panel-default, #profile-accordion .panel-body{ border:0; } #profile-accordion ul{ padding-left:0; } #profile-accordion ul li{ list-style-type:none; font-weight:normal; } #profile-accordion ul li label{ font-weight:normal; } #profile-tabs li{ width: 60px; } #profile-tabs li a{ font-size:10px; min-height:25px; height:25px !important; } #profile-tabs li a.sttab { background:#a6b738; color: #005288; cursor:pointer; } #profile-tabs li a:hover.sttab { background-color: #ebebeb; } #profile-tabs li.active a{ color:#ffffff; } #favoritesListTab, #specsListTab, #filesListTab, #contactListTab, #schooltalkListTab { position:absolute; right: 15px; /*top: 35px;*/ top:0; } #favorites, #specs, #files, #contacts{ min-height:500px; } #oneFS-myLists-container{ padding-bottom:12px; } #tab-filter-controls{ margin-top:20px; } #fave-lists, #bid-lists{ width:100%; margin-bottom:10px; } #fave-lists input[type="radio"], #bid-lists input[type="radio"], .srch-results-filter input[type="radio"], #search-results-filter-container input[type="radio"]{ position:fixed; opacity:0; } #fave-lists span, #bid-lists span{ font-size: 18px !important; color: #000000 !important; font-weight: 700 !important; } #fave-lists .ms-drop ul > li label, #bid-lists .ms-drop ul > li label{ font-size:18px !important; } #filter-reset{ margin-top:5px; padding-left:0; padding-bottom:5px; border-bottom:1px solid #cccccc; } #filter-reset a{ color: #005288; text-transform: uppercase; font-size:11px; font-weight:700; text-decoration:none; } .filter-reset-button{ color: #005288; text-transform: uppercase; font-size:11px; font-weight:700; border: none; background-color: #fff; } .profile-favorites-filter{ width:100% !important; } .favorite-list-row{ margin:0 15px; } .favorite-list-row a{ color:#005288; cursor:pointer; font-weight: bold; } #favorites-thumb-view{ margin-top:10px; } #favorites-list-view{ margin-top:10px; } /* my favorite lists */ p.shared-with{ float:left; font-size:11px; line-height:20px; margin-top:10px; } p.shared-with img{ float:left; margin-right:10px; } p.shared-by{ font-size:10px; } p.shared-by span{ color:#999999; } p.share-actions{ float:right; margin-top:10px; } p.share-actions img{ float:left; margin-left:3px; } p.share-checks{ clear:both; font-size: 13px; } .favorite-list-row input[type="checkbox"]{ margin-left:30px; } p.share-update { font-size: 10px; padding: 0px 0px 0px 30px; color: #970103; } .panel-sharing{ border-radius:0; border:1px solid #cccccc; } .panel-sharing .panel-heading{ background:#f0f0f0; border-radius:0; color:#333333; } .panel-sharing .panel-title{ background: url(../img/share-icon.png) center left no-repeat; } .panel-sharing .panel-title a{ color: #333333 !important; padding-left: 30px; font-size: 15px; background: url(../img/collapse-minus-share.jpg) center right no-repeat; } .panel-sharing .panel-title>a.collapsed{ background: url(../img/collapse-plus-share.jpg) center right no-repeat; } /* sample cart */ .sample-cart{ padding-left:0 !important; padding-right:0 !important; } .sample-cart div{ padding-bottom:10px; } .update-cart{ padding-top:20px; } .update-cart input{ float:right; } .cart-remove{ text-align:right; } .cart-remove input{ float:right; margin-right:18px; } .sidebar-sample h3{ width: 100%; background: #a6b738; color: #ffffff; font-size: 18px; text-transform: uppercase; padding: 15px; margin-bottom: 20px; margin-top: 0; border: 1px solid #ffffff; } .sidebar-sample .col-xs-12{ padding-left:15px; padding-right:15px; } .sidebar-sample .form-group label{ width:32%; float:left; padding-top:10px; } .sidebar-sample .form-control{ float:right; width:65%; } /* product comparison */ .compare-mobile{ padding-left:0 !important; padding-right:0 !important; } /* disable the prev/next buttons that slick adds */ .compare-mobile button.slick-next, .compare-mobile button.slick-prev { display:none !important; } .compare-mobile #dropdown{ width:100%; margin-bottom:10px; } .compare-thumbs{ width:125px; float:left; clear:left; } .compare-thumbs div{ height:151px; overflow:hidden; border-bottom:1px solid #d6d6d6; position:relative; } .compare-thumbs img{ height:100px; width:95%; border:1px solid #d6d6d6; margin-top:10px; margin-bottom:10px; display:block; } .compare-thumbs h4{ clear:left; margin-top:-30px; font-size: 12px; line-height: 1.42857143; color: #333; text-align:center; } .compare-mobile .prod-tag-1-slot img, .compare-mobile .prod-tag-2-slot img, .compare-mobile .prod-tag-3-slot img, .compare-mobile .prod-tag-4-slot img{ display:none; } /* mobile compare */ .prod-compare-remove{ position:absolute; top:-104px; left:4px; width:13px; height:13px !important; } .prod-compare-remove img{ width:13px !important; height:13px !important; min-height:13px !important; max-height:13px !important; margin:0 !important; } .prod-compare-remove a{ display:block; } .compare-carousel{ /*width:75%; float:left;*/ } .compare-carousel div.itm{ margin-top:10px; } .compare-carousel div p{ width:100%; height:141px; border-bottom:1px solid #d6d6d6; padding-bottom:10px; } /* manufacturer landing */ .manuf-desc{ } .manuf-desc p{ padding-top:10px; font-size:14px; line-height:17px; color:#000000; } .manuf-desc ul li{ font-size:13px; line-height: 15px; margin-bottom: 8px; } .manuf-website a{ float:right; margin-top:10px; margin-right:15px; color:#005288; font-size:12px; padding: 2px 6px; border: 1px solid #cccccc; background:#eeeeee; } .manuf-logo{ margin-bottom: 20px; text-align:center; } .manuf-logo img{ max-width:100%; float:right; } .manuf-prod-cats h2, .manuf-brands h2{ width:100%; background:#a6b738; color:#ffffff; font-size:20px; text-transform:uppercase; padding:5px; margin-bottom:20px; } .manuf-prod-cats ul, .manuf-brands ul{ width:100%; padding:0; } .manuf-prod-cats ul li, .manuf-brands ul li{ list-style-type:none; width:100%; border-bottom:1px solid #d6d6d6; padding-bottom:8px; padding-top:8px; font-size:15px; font-weight:bold; text-transform:uppercase; } .manuf-prod-cats ul li.last, .manuf-brands ul li.last{ border-bottom:0; } .manuf-prod-cats ul li a, .manuf-brands ul li a{ color:#005288; display:inline-block; width:85%; } .manuf-prod-cats ul li a:hover, .manuf-brands ul li a:hover{ } .manuf-prod-cats ul li span, .manuf-brands ul li span{ float:right; color:#333333; font-size:14px; font-weight:normal; } .manuf-prod-cats ul li ul, .manuf-brands ul li ul{ margin:0; padding:0; } .manuf-prod-cats ul li ul li, .manuf-brands ul li ul li{ /*list-style-type:square;*/ list-style-position:inside; border-bottom:0; color:#b2b2b2; font-size:13px; text-transform:none!important; padding-bottom:4px; padding-top:4px; } .manuf-prod-cats ul li ul li a, .manuf-brands ul li ul li a{ width:73%; vertical-align:top; } .manuf-prod-cats ul li ul li span, .manuf-brands ul li ul li span{ float:right; color:#333333; font-size:13px; } .sidebar .how-to-buy{ margin-top:20px; } .sidebar .how-to-buy form{ max-width:92%; margin:0 auto; background:#d6d6d6; } .sidebar .how-to-buy p{ float:left; } .sidebar .how-to-buy input[type="text"]{ float:left; } .sidebar .how-to-buy input[type="image"]{ width:24px; height:24px; float:left; background:url('../img/sidebar-zip-search.jpg') no-repeat; } .sidebar .manuf-feature h2{ width:100%; background:#a6b738; color:#ffffff; font-size:20px; text-transform:uppercase; padding:15px; margin-bottom:20px; } .sidebar .manuf-feature img{ margin:0 auto; max-width:92%; } .sidebar .manuf-feature h3{ font-size:24px; line-height:28px; color:#005288; max-width:92%; margin:20px auto 20px auto; } .sidebar .manuf-feature p{ font-size:12px; color:#666666; max-width:92%; margin:20px auto 20px auto; } .sidebar .manuf-feature .feature-details{ max-width:92%; margin:20px auto 20px auto; } .sidebar .manuf-feature table{ width:100%; } .sidebar .manuf-feature table td{ font-size:12px; color:#666666; font-weight:bold; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #d6d6d6; } .sidebar .manuf-feature table td:first-child{ font-weight:normal; } .sidebar .manuf-feature a.learn-more{ min-width:85px; margin-top:10px; background:#005288; border-radius:5px; border:1px solid #005288; color:#ffffff; letter-spacing:1px; font-size:12px; font-weight:bold; text-align:center; padding:5px; text-transform:uppercase; } /* search results */ /* spinner loader */ .loader-ring { position: absolute; top: 50% !important; left: 50%; margin: -120px 0 0 -120px; width: 100px; height: 100px; } .loader-ring-light { width: 100px; height: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0 4px 0 #666666 inset; -webkit-box-shadow: 0 4px 0 #666666 inset; box-shadow: 0 4px 0 #666666 inset; animation: rotate-360 2s linear infinite; } .loader-ring-track { position: absolute; top: 0; left: 0; width: 100px; height: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset; } @keyframes rotate-360 { from { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* ignore the magenta secondary bracket */ .loader-logo{ position: absolute; top: 26px; left: 15px; width: 65px; height: 43px; } #mobile-tabs-control{ width:100%; margin-top:10px; padding-left:15px; padding-right:15px; } #mobile-tabs-control form{ width:100%; } #mobile-tabs-control form p{ text-transform:uppercase; font-size:14px; float:left; margin-top:3px; margin-right:3px; } #mobile-tabs-control select{ float:left; width:120px; margin-top:3px; } #mobile-tabs-control ul.view-toggle{ float:right; position:relative !important; display:block !important; } #main-content .view-toggle{ display:none; } #tab-main-controls{ position:relative; width:100%; height:28px; } .tab-pane.parent{ padding-top:15px; } .view-toggle li{ padding:0; margin:0; cursor:pointer; width:30px; } .view-toggle li.list-view, .view-toggle li.contact-list-view, .view-toggle li.favorites-list-view, .view-toggle li.files-list-view, .view-toggle li.specs-list-view{ background:url('../img/view-list-inactive.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.list-view.active, .view-toggle li.contact-list-view.active, .view-toggle li.favorites-list-view.active, .view-toggle li.files-list-view.active, .view-toggle li.specs-list-view.active{ background:url('../img/view-list-active.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.thumb-view, .view-toggle li.contact-thumb-view, .view-toggle li.favorites-thumb-view, .view-toggle li.files-thumb-view, .view-toggle li.specs-thumb-view{ background:url('../img/view-thumb-inactive.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.thumb-view.active, .view-toggle li.contact-thumb-view.active, .view-toggle li.favorites-thumb-view.active, .view-toggle li.files-thumb-view.active, .view-toggle li.specs-thumb-view.active{ background:url('../img/view-thumb-active.jpg') no-repeat; width:28px; height:24px; } .view-toggle li a{ padding:0; margin:0; background:none !important; width:28px; height:24px; border: 0 !important; } #specs-thumb-view h1, #bid-list-thumb-view h1, #files-thumb-view h1, #contact-thumb-view h1{ font-weight: bold; font-size:30px; } .srch-results-compare-mobile a{ display:block; float:right; border:1px solid #cccccc; background:#dee7f1; color:#005288; padding:4px; font-size:12px; } .srch-results-compare{ /* hide desktop version */ display:none; } .srch-results-clear a{ display:block; float:left; border:1px solid #d3cfc4; background:#fbedd7; color:#ca6700; padding:4px; font-size:12px; margin-top:10px; } /* styling for its appearance in sub-cat sidebar */ .sidebar .srch-results-clear a{ float:right; margin:0 12px 15px 0; } #search-results-filter-container .ms-parent{ width:100% !important; } .ms-choice > span, .ms-choice > span.placeholder{ font-size:12px !important; } .ms-drop ul > li label, .ms-drop ul li.ms-no-results{ font-size:12px !important; } .ms-drop input[type="checkbox"] { margin-top:-1px !important; } #list-view h1{ color:#000000; font-size:20px; font-weight:bold; padding-bottom:0; margin-top:6px; margin-bottom:4px; } #list-view .row:first-child{ margin-top:20px; } .row.list-view{ border-bottom:1px solid #d6d6d6; padding-bottom:10px; padding-top:10px; } .list-view-sku p{ color:#005288; font-size:14px; margin:0; } .list-view-item p, .list-view-item a{ color:#005288; font-size:16px; line-height:20px; font-weight:bold; margin-bottom:0; } .list-view-item h3{ margin-top:5px !important; font-size: 11px !important; line-height: 13px !important; } .list-view-item h3 a{ color:#666666 !important; text-decoration:none !important; font-size: 11px !important; line-height: 13px !important; } .list-view-item h3 a:hover{ text-decoration:underline !important; } .list-view-size{ font-size:14px; color:#000000; } .list-view-icons{ text-align:right; } .list-view-secondary-icons{ padding:0; } .table-responsive{ border-top:1px solid #d6d6d6; } .table-responsive:first-child{ border-top:0; } .table>thead>tr>th, .table>tbody>tr>td{ border-bottom:0 !important; border-top:0 !important; font-size:14px; } .table a{ color:#005288; } .table h1, .manuf-srch-heading h1{ color:#000000; font-size:20px; font-weight:bold; padding-bottom:0; margin-bottom:4px; } .manuf-srch-heading{ margin-top:25px; } .manuf-srch-heading h1, .manuf-srch-heading img{ float:left; } .manuf-srch-heading h1{ margin-top:5px; margin-left:20px; } .srch-multiple{ padding-bottom:15px; border-bottom:1px solid #d6d6d6; margin-bottom:10px; } .pagination-search{ top:15px; z-index:999; } .pagination-search-bottom{ position:relative; float:right; right:0; padding-top:15px; } .srch-multiple img{ max-width:100%; } .srch-multiple h2{ color:#005288; font-size:24px; margin-top:7px; font-weight:bold; } .srch-multiple h2 a{ padding-right:15px; } .srch-multiple h2 span{ font-size:14px; margin-top:-3px; font-weight:normal; } .srch-results-category-list{ /*margin-top:15px;*/ } .srch-results-category-list h3, #list-view div div h3, .list-view-item h3, #list-view h2{ color:#889c3b; font-size:24px; line-height:26px; padding -bottom: 10px; text-transform:uppercase; } .srch-results-cat-brand h2, #list-view h1{ color: #666666; font-size: 20px; font-weight: bold; padding-top: 10px; padding-bottom: 0; margin-top:9px; margin-bottom: 4px; } .srch-results-cat-brand img{ display:block; float:left; margin-right:10px; max-width:200px; } .srch-results-filter{ display:none !important; } /* advanced search */ #advanced-search{ border-bottom:1px solid #cccccc; } #adv-srch-form{ margin-top:15px; } #adv-srch-form input[type="text"], #adv-srch-form select{ width:50px; height:20px; } #adv-srch-form input.keyword{ width:150px; padding:5px; } #adv-srch-form select#veg-color{ width:85%; } #advanced-search-primary, #advanced-search-secondary{ padding:0; margin-top:15px; } #advanced-search-primary h1, #advanced-search-secondary h1{ color: #889c3b; font-size: 28px; line-height: 28px; margin-top: 10px; margin-bottom:12px; text-transform: uppercase; } #advanced-search-primary .row{ margin-left:0; margin-right:0; margin-bottom:5px; } #advanced-submit{ margin:20px 0 20px 0; } #advanced-submit .col-xs-12{ text-align:center; } .refine-keyword{ width:100%; padding:5px; } /* categories landing toggle tabs */ .view-toggle li.cat-view{ background:url('../img/view-cat-inactive.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.cat-view.active{ background:url('../img/view-cat-active.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.subcat-view{ background:url('../img/view-subcat-inactive.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.subcat-view.active{ background:url('../img/view-subcat-active.jpg') no-repeat; width:28px; height:24px; } .cat-item{ width: 210px; } #cat-landing-img{ margin-bottom:25px; } #cat-landing-img img{ display:block; max-width:100%; } #cat-landing-title{ } #cat-landing-title h2{ height:100%; color: #889c3b; font-size: 24px; line-height: 25px; margin-top:12px; text-transform: uppercase; } /*.cat-item{ margin-bottom:25px; }*/ /*.cat-landing:nth-child(2n+1){ clear:left; }*/ .cat-item ul{ margin-left:0; padding-left:0; } .cat-item ul li{ list-style-type:none; font-size:15px; padding-bottom:3px; padding-top:3px; clear:both; } .cat-item ul li span{ float:right; padding-left:5px; color:#999999; } .cat-item ul li:last-child{ border-bottom:0; } .sup-col{ padding-left:0 !important; padding-right:15px !important; } .sup-col:last-child{ padding-right: 0 !important; } .sup-col-heading{ padding-left: 0 !important; } .sup-col-heading h3 { padding-top: 14px; } #sup-landing-content{ /*margin-top:40px;*/ } .sup-landing{ margin-bottom:15px; padding-left: 0 !important; padding-right: 0 !important; } .sup-landing h2, .sup-landing h2 a{ color: #3f3f3f; background:#eaeaea; font-size: 20px; line-height: 25px; margin-top:0; margin-bottom:4px; padding:3px 3px 3px 5px; } .sup-landing h2 a{ padding:0; } .sup-landing h4 { text-transform: uppercase; padding: 14px 8px 11px 8px; background: #f5ba18; font-weight: bold; font-size: 1.8em; color: #333333;} .sup-landing ul{ width:100%; padding:0 0 0 5px; } .sup-landing ul li{ list-style-type: none; width: 100%; padding-bottom: 3px; padding-top: 3px; font-size: 14px; text-transform: uppercase; } .sup-landing ul li a{ width:78%; color: #005288; display: inline-block; font-size: 14px; line-height:15px; padding-bottom:12px; text-transform: uppercase; } .sup-landing ul li span{ float:right; padding-right:5px; } .sup-landing ul li ul li a{ vertical-align:top; } .sup-landing img{ max-width:100%; } .cat-see-all{ display:none !important; } /* supplier landing toggle tabs */ .view-toggle li.supplier-view{ background:url('../img/view-mfr-inactive.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.supplier-view.active{ background:url('../img/view-mfr-active.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.brands-view{ background:url('../img/view-brands-inactive.jpg') no-repeat; width:28px; height:24px; } .view-toggle li.brands-view.active{ background:url('../img/view-brands-active.jpg') no-repeat; width:28px; height:24px; } /* sales locator */ .locator-company{ } .locator-company img{ max-width:95%; display:block; } .locator-company h1{ font-size:22px; color:#666666; margin-top:0; } .locator-company h2, .locator-company h2 a{ font-size:18px; font-weight:bold; color:#005288; margin:0; } .locator-offices{ } .locator-offices div{ padding:0; } .locator-offices h2, .locator-distributor h2{ width:100%; background:#a6b738; color:#ffffff; font-size:20px; text-transform:uppercase; padding:15px; margin-bottom:0; } .locator-offices h3, .locator-offices p{ font-size:14px; color:#333333; } .locator-offices h3{ text-transform:uppercase; font-weight:bold; margin-bottom:5px; margin-top:15px; padding-left:15px; padding-right:15px; } .locator-offices p{ margin-top:0; padding-left:15px; padding-right:15px; } .locator-offices p.locator-title{ margin-top: 0px; font-size: .9em; font-style:italic; } .locator-offices p.locator-phone span{ color:##a49e9e; } .locator-offices a{ color:#333333; font-weight:bold; } .locator-offices a.email-locator, .sidebar .locator-contact p a.email-locator{ margin-top:10px; background:#005288; border-radius:5px; border:1px solid #005288; color:#ffffff; letter-spacing:1px; font-size:15px; font-weight:bold; text-align:center; padding:3px 10px 3px 10px; } .locator-offices a.email-locator:hover{ text-decoration:none; } .locator-distributor{ } .locator-distributor div{ padding:0; } .locator-distributor ul{ padding:0; margin-top:10px; list-style-type:none; } .locator-distributor ul li{ width:100%; color:#333333; font-size:11px; text-transform:uppercase; padding-bottom:9px; padding-top:9px; border-bottom:1px solid #d6d6d6; } .locator-distributor ul li span{ text-align:right; float:right; } .sidebar .locator-contact{ display:none; } .locator-mobile{ margin-bottom:15px; padding-left:15px !important; padding-right:15px !important; display:block; } .locator-mobile h2{ width:100%; background:#a6b738; color:#ffffff; font-size:20px; text-transform:uppercase; padding:15px; margin-bottom:0; } .locator-mobile h3{ font-size:18px; margin-bottom:10px; } .locator-mobile img{ padding:15px; max-width:100%; } .locator-mobile p{ } .locator-mobile .locator-manuf-info, .locator-mobile .locator-manuf-addr{ padding-left:15px !important; padding-right:15px !important; } .locator-mobile .locator-manuf-info h3{ text-transform:uppercase; font-weight:bold; font-size:16px; } .locator-mobile .locator-manuf-info a{ padding:0; } .sidebar div.get-this form { background:#d6d6d6; width:100%; margin:15px auto 30px auto; } .mobile-how-to-buy form{ background:#d6d6d6; width:100%; margin:15px auto 15px auto; } .sidebar div.get-this form p { float:left; margin:10px; font-size:16px; padding-top:5px; font-weight:bold; text-transform:uppercase; } .mobile-how-to-buy form p{ float:left; margin:10px; font-size:16px; font-weight:bold; text-transform:uppercase; } /* logged in zip text */ .sidebar div.get-this form input[type="text"], .mobile-how-to-buy form input[type="text"]{ width:54px; height:24px; float:left; margin: 15px 0 0 10px; padding:3px; } .sidebar div.get-this form label, .mobile-how-to-buy form label{ float: left; margin-top: 1px; margin-right: 8px; /*width: 80%;*/ width:90px; } /* not logged in zip text */ .sidebar div.get-this form label input[type="text"], .mobile-how-to-buy form label input[type="text"]{ width:67px; height: 24px; float: left; margin: 13px 0 0 4px; padding: 3px; } .sidebar div.get-this form button[type="submit"], .mobile-how-to-buy form button[type="submit"]{ padding:4px; background:#a7b838; color:#ffffff; text-transform:uppercase; border:1px solid #ffffff; margin-right:2px; } .sidebar div.get-this form button[type="submit"]:hover, .mobile-how-to-buy form button[type="submit"]:hover{ color:#205f79; } .sidebar div.get-this img.get-icon, .mobile-how-to-buy img.get-icon{ display:none; } .sidebar div.get-this form input[type="image"], .sidebar div.get-this img.get-icon{ float:right; width:24px; height:24px; margin:2% 2% 2% 2%; background:url('../img/sidebar-zip-search.jpg') no-repeat; text-indent:-10000px; } /* product detail */ .sidebar div.prod-photos, .sidebar div.prod-photos-thumbs{ display:none; } .mobile-prod-photos, .mobile-prod-photos-thumbs{ display:block; } .mobile-prod-photos{ /*border-top:1px solid #d6d6d6;*/ text-align:center; } .mobile-prod-photos img{ max-width:90%; margin:45px auto 45px auto; } .mobile-prod-photos-thumbs{ border-bottom:1px solid #d6d6d6; } .mobile-prod-photos-thumbs .thumb-hold{ float:left; width:60px; height:60px; /*line-height:60px;*/ padding:8px; margin:20px 5px 30px 0; border:1px solid #d6d6d6; cursor:pointer; display:inline-table; } .mobile-prod-photos-thumbs .thumb-hold .thumb-align{ display:table-cell; vertical-align: middle; width:100%; height:100%; } .mobile-prod-photos-thumbs img{ max-width:95%; margin-left:auto; margin-right:auto; vertical-align:middle; display:inline-block; } .mobile-prod-pager{ margin-top:0; padding-left:0 !important; padding-right:0 !important; } .mobile-prod-pager div{ text-align:center; } .mobile-prod-pager p{ display:inline-block; padding-bottom:5px; margin-bottom:0 !important; } .mobile-prod-pager a{ display:block; float:left; color:#005288; font-size:14px; text-transform:uppercase; padding-left:8px; xfont-weight:bold; } .mobile-prod-pager a:hover{ text-decoration:none; color:#3486bc; } .sidebar img{ display:block; max-width:99.5%; margin:1px auto 1px auto; } .sidebar div.sidebar-prod-pager{ xmargin-top:25px; xpadding-left:15px !important; padding-right:15px !important; } .sidebar div.sidebar-prod-pager div{ text-align:center; } .sidebar div.sidebar-prod-pager p{ display:inline-block; xpadding-bottom:15px; margin-bottom:0 !important; } .sidebar div.sidebar-prod-pager a{ display:block; float:left; color:#005288; font-size:11px; text-transform:uppercase; padding-left:30px; font-weight:bold; } .sidebar div.sidebar-prod-pager a:hover{ text-decoration:none; color:#3486bc; } .itmScroll-holder { margin-left: 10%; width: 100%; } .itmScrollPrev, .itmScrollNext { width:20%; float: left; } .itmScrollList{ width:36%; float: left; } /* broker partner styles */ .carousel-bkr { margin-bottom: 12px; height: 280px; } /* ---------------------------------- */ /* FOOTER */ /* ---------------------------------- */ .footer{ background:url(../img/bg-footer.jpg) repeat-x #e1e1e1; width:1200px; margin-left:0%; } .footer .col-xs-12{ margin-top:15px; } .footer .col-xs-12 p:last-child{ border-bottom:1px solid #c2c2c2; padding-bottom:15px; } .footer .col-xs-12:last-child p:last-child{ border-bottom:0; } .footer .col-xs-12 p{ font-size:12px; color:#666666; } .footer .col-xs-12.app-dl{ display:none; color:#333333; } .footer div a, .footer div a:link, .footer div a:visited, .footer div a:active{ color:#666666; } .footer div a:hover{ text-decoration:underline; } /* membership confirm / approve */ .container.membership{ width:100%; max-width:600px; margin:15px auto 0 auto; padding:0; border:1px solid #333333; } .container.membership .col-xs-12{ padding:0; } .container.membership img{ max-width:100%; } #confirm-banner img{ } .confirm-message{ } .confirm-message p{ padding:10px; } div.container-404{ margin:0px; width:100%; background:url(../img/bg-footer.jpg) repeat-x #e1e1e1; } .msg-404{ font-weight:500; font-size:16px; margin-bottom:250px; padding-top:25px; padding-bottom:25px; text-align:center; background-color:#f0f0f0; } .partner-ban-small { background-image: url('../img/ban-affinitylanding2.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; overflow: visible; display: block; } /* end default and mobile, begin media query overrides */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ /* min-width 475 */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ @media (min-width:475px){ #login{ padding: 2px 95px 2px 0px; } #panel-login{ top: 31px; right: 104px } #onefs-logo{ min-height:60px; width:150px; background-color: #ffffff; border-right: 6px solid #ffffff; margin-top: -6px; } #onefs-logo img{ margin:0; padding: 0px 5px 0px 5px; } .glyph-bkr { font-size: 22px!important; } /* .partner-ban { display: none; }*/ }/* min-width:475px */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ /* min-width 525 */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ @media (min-width:525px){ /* alpha links #alpha-mfr, #alpha-brands{ max-width:398px; top:12px; }*/ /* about & contact */ .locator-offices div{ padding-left:15px; } .locator-distributor ul li{ clear:both; padding-left:15px; font-size:14px; } .locator-distributor ul li span{ text-align:right; float:right; } } /*.sidebar { border: none!important; suckit }*/ .sidebar div.bkr-f h2 { text-transform: uppercase; margin: 0 5% 0 5%; padding: 8px 8px 8px 8px; background: #f5ba18; font-weight: bold; font-size: 1.8em; margin-bottom: 4%; color: #333333;} .sidebar div.bkr-f p{ padding: 0px 20px 0 20px; } .carousel-control .glyphicon-chevron-left { margin-left: 0px; } .carousel-control .glyphicon-chevron-right { margin-right: 10px; } /* min-width:525px */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ /* min-width 767 */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ @media (min-width:767px){ .container{ width:745px; } .container.footer{ margin-right: auto; margin-left: auto; } .row.main-content{ width:745px; display: flex; align-items: stretch; } .login-logo { visibility: hidden; } #onefs-logo{ min-height:90px; margin-top: 6px; background-color: none; /* k12 border-right:2px solid #d6d6d6; */ /* k12 border-left:2px solid #d6d6d6; */ } #onefs-logo img{ border-left:0; border-right:0; /*k12 padding: 25px 5px 20px 5px;*/ padding: 0px 5px 0px 5px; } .onefs-tagline h1 { /*padding-left: 15%;*/ /*removed by BJS*/ } .partner-ban { background-image: url('../img/ban-affinitylanding2.jpg'); height: 600px; margin-left: -400px; margin-right: -400px; overflow: visible; display: block; } .partner-landing-b { margin-left: 12%; margin-right: 12%; } .partner-landing-c { margin-top: -250px; } .bkr-f { margin-top: 40px;} .sidebar div.bkr-f h2 { text-transform: uppercase; padding: 8px 8px 8px 8px; background: #f5ba18; font-weight: bold; font-size: 1.2em; color: #333333;} .broker-featured p{ padding: 0px 10px 0 16px; } .partner-ban-small { display: none; } #mobile-trigger{ display:none; } #mobile-nav-search{ display:none; } #nav-about, #main-nav{ display:block; } #nav-area{ padding-left: 17.5px !important; padding-right: 17.5px !important; } /* login */ #login{ padding: 8px 0 0 0; } #panel-login{ width:206px; top:41px; right:0; } .slide-login { width:145px; height:31px; margin: 0; padding: 0 7px 0 0; float:right; text-align: left; } #login.logged-out{ float:right; } .slide-login a{ width:100%; background: url('../img/login-arrow.png') right 8px no-repeat #bbc866; color:#ffffff!important; text-transform:uppercase; text-decoration:none; padding:5px; padding-right:20px; display:inline-block; position:relative; font-size:14px; } #my-onefs{ padding-top:3px; padding-right:0; } #schooltalk-notify{ padding-top:0; } #schooltalk-notify a{ margin-right:0 !important; } #schooltalk-msg{ padding-top:1px; } #schooltalk-msg a{ margin-right:0 !important; } #secondary-nav, #nav-about{ text-align:right; padding-right:0; } #nav-about{ padding-top:12px; } #secondary-nav a, #secondary-nav a:link, #secondary-nav a:visited, #secondary-nav a:active{ color:#000000; text-transform:uppercase; font-size:13px; font-weight: bold; } #secondary-nav a:hover{ text-decoration:underline; } #secondary-nav a:first-child, #secondary-nav .join{ margin-right:10px; } #secondary-nav #search a { margin-right:0; color: #ffffff; } .tinynav{ display: none; } /* padding to space each menu item */ /* k12#nav-manuf, #nav-cat, #nav-nonfoods, #nav-lists, #school-talk {*/ #nav-manuf, #nav-cat, #nav-nonfoods, #school-talk { padding-left:10px; padding-right:0; } /* k12 float all primary menus #nav-manuf, #nav-cat, #nav-nonfoods, #nav-lists, #nav-search, #fav-search, #school-talk { */ #nav-manuf, #nav-cat, #nav-nonfoods, #nav-search, #fav-search, #school-talk { float:left; } #nav-lists, #nav-products, #nav-partners{ float:right; } #nav-products, #nav-partners{ padding: 0 0 0 5px; } #nav-primary{ padding-left:0; padding-right:0; } #join-btns{ float:right; margin-top:45px; margin-right:5px; } #join-btns img{ max-width:85px; } .dropdown.join{ display:inline; margin-right:0 !important; } .dropdown.join ul{ width: 200px; height:85px; border-top: 8px solid #005288; background: #e8e8e8; border-radius: 0; box-shadow: none; padding:12px; } .dropdown.join ul li{ list-style-type:none; padding:0 0 10px 0; } .dropdown.join ul li a{ font-size:13px; line-height:14px; color:#005288 !important; padding:0; text-transform: none !important; } .dropdown.join ul li a:hover{ color:#3486bc !important; text-decoration:none; background:none !important; } /* manufacturers dropdown */ .manuf-toggle{ display:block; outline:none; width:77px; margin:48px 0 10px 0; text-transform:uppercase; color:#005288; font-size:14px; border:0; text-align:left; } .manuf-toggle:hover, .cat-toggle:hover, .nonfoods-toggle:hover{ text-decoration:none; color: #3486bc; } } #manuf-main-nav{ width:160px; min-height:145px; border:1px solid #666666; border-top:8px solid #0077c8; background:#e8e8e8; border-radius:0; box-shadow:none; padding-bottom:25px; } #manuf-main-nav ul{ padding-top:8px; margin-left:15px; padding-left:0; width:88%; float:left; } #manuf-main-nav li{ list-style-type:none; padding:0 0 5px 0; } #manuf-main-nav li a{ font-size:13px; line-height:14px; color:#005288; padding:0; } #manuf-main-nav li a:hover{ color:#3486bc; text-decoration:none; } /* categories dropdown */ .cat-toggle{ display:block; outline:none; width:55px; margin:48px 0 10px 0; text-transform:uppercase; color:#005288; font-size:14px; border:0; text-align:left; } .cat-toggle:hover{ text-decoration:none; } /* main food categories nav */ #food-cat-nav{ width:367px; background:url('../img/cat-nav-bg.jpg') repeat-y #ffffff; box-shadow:none !important; border:1px solid #666666; border-top:0 !important; border-radius:0; padding-top:0 !important; padding-bottom:0 !important; } #food-cat-nav ul{ margin-bottom:0; } #cat-main-nav{ float:left; width:200px; min-height:280px; border-top:8px solid #0077c8; background:#e8e8e8; border-radius:0; box-shadow:none; padding-left:0; padding-top:8px; padding-bottom:5px; } #cat-main-nav ul{ padding-top:8px; margin-left:15px; padding-left:0; width:88%; float:left; } #cat-main-nav li{ list-style-type:none; padding:0 0 5px 0; } #cat-main-nav li a{ font-size:13px; line-height:14px; color:#005288; padding:0 !important; } #cat-main-nav li a:hover{ background:none; color:#3486bc; text-decoration:none; } /* secondary food categories nav */ #cat-second-nav{ float:left; width:165px; min-height:280px; padding-left:0; padding-top:15px; padding-bottom:20px; background:#ffffff; border-top:8px solid #005288; } #cat-second-nav li{ margin-left:15px; margin-right:15px; list-style-type:none; color:#659a32; padding:0 0 5px 0; } #cat-second-nav li a{ font-size:13px; line-height:14px; color:#659a32; padding:0 !important; } #cat-second-nav li a:hover{ background:none; color:#6ea837; text-decoration:none; } #sidr-id-cat-second-nav{ display:none !important; } /* non-foods dropdown */ .nonfoods-toggle{ display:block; outline:none; width:83px; margin:48px 0 10px 0; text-transform:uppercase; color:#005288; font-size:14px; border:0; text-align:left; } #nonfoods-main-nav{ width:160px; min-height:145px; border:1px solid #666666; border-top:8px solid #0077c8; background:#e8e8e8; border-radius:0; box-shadow:none; padding-bottom:25px; } #nonfoods-main-nav ul{ padding-top:8px; margin-left:15px; padding-left:0; width:88%; float:left; } #nonfoods-main-nav li{ list-style-type:none; padding:0 0 5px 0; } #nonfoods-main-nav li a{ font-size:13px; line-height:14px; color:#005288; padding:0; } #nonfoods-main-nav li a:hover{ color:#3486bc; text-decoration:none; } /* my products and my partners dropdowns */ .lists-toggle{ display:block; outline:none; width:107px; margin:42px 0 10px 0; text-transform:uppercase; background-color: #0077c8; color: #ffffff!important; font-size:14px; padding: 3px 12px 3px 16px; border:0; text-align:left; } .lists-toggle:hover{ text-decoration:none; color: #f5ba18!important; } #lists-main-nav{ width:230px; min-height:100px; border:1px solid #666666; border-top:8px solid #0077c8; background:#e8e8e8; border-radius:0; box-shadow:none; padding-top:15px; padding-bottom:15px; z-index:100000; margin-left: 0px; } #lists-main-nav li{ margin-left:15px; margin-right:15px; list-style-type:none; padding:0 0 12px 0; } #lists-main-nav li:last-child{ padding:0 0 0 0; } #lists-main-nav li a{ font-size:13px; line-height:14px; color:#005288; padding:0 !important; } #lists-main-nav li a:hover{ background:none; color:#3486bc; text-decoration:none; } .dropdown-menu{ top:85%; left:0; z-index:2000; } .dropdown:hover > .dropdown-menu { display: block; } /* school talk link */ #school-talk a{ display:block; outline:none; width:85px; margin:45px 0 10px 0; text-transform:uppercase; color:#ffffff; font-size:14px; background:#fe9900; border:0; text-align:left; padding:0 0 0 5px; } #school-talk a:hover{ text-decoration:none; color:#ffffff; } #nav-search{ padding:0 !important; } #nav-search p{ display:block; float:left; color:#666666; font-weight:bold; padding-top:6px; padding-right:10px; } #nav-search form{ width:auto !important; margin:35px 0 0 0 !important; float:right; } #nav-search input[type="text"]{ width:68px; border-left:1px solid #cccccc; border-right:0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px; } #fav-search{ float:right; } #fav-search input[type="text"]{ width:175px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-left:5px; margin-top:0; } #fav-search input[type="image"]{ margin-top:0; } #nav-search input[type="image"] { /* k12 float:left;*/ width:33px; background:url('../img/search-glass-mobile.jpg') no-repeat; } #nav-search select{ display:block; float:left; width:75px; height:35px; background:#dedea5; max-width:205px; } #adv-srch-btn{ clear:both; float:right; padding-top:5px; padding-bottom:5px; text-transform:uppercase; display: inline; width: 85px; height: 28px; background: #202020; text-align: center; border-radius: 2px; color: #ffffff; line-height: 10px; font-size:10px!important;} #mypartner-btn{ clear:both; float:right; font-size:16px; text-transform:uppercase; display: inline; width: 120px; height:25px; background: #0000a0; text-align: center; color: white; } #mobile-refine-search{ display:none; } #select-alpha, #select-brands{ display:none; } #alpha-mfr, #alpha-brands{ display:block; position:absolute; left:0; top:0px; max-width:400px; z-index:1000; border:1px solid #d6d6d6; padding-left:0; border:0; background:#f2f6f8; } #alpha-mfr li, #alpha-brands li{ display:inline; list-style-type:none; color:#aeaeaf; padding:0; } #alpha-mfr li a, #alpha-brands li a{ color:#015289; } #alpha-mfr li input[type="button"], #alpha-brands li input[type="button"]{ color:#015289; background:none; border:0; outline:none; padding: 0 2px 0 2px; } #alpha-mfr li input[type="button"].disabled, #alpha-brands li input[type="button"].disabled{ color:#aeaeaf; cursor:text; } #alpha-mfr li input[type="button"]:hover, #alpha-brands li input[type="button"]:hover{ background:#ffffff; } .sidebar-compare-remove{ width:20%; } .sidebar-compare-info{ width:75%; } .mobile-prod-photos, .mobile-prod-photos-thumbs, .mobile-prod-pager{ display:none; } .mobile-how-to-buy{ display:none; } #mobile-product-social{ display:none; } /*.row.main-content{ display:table; }*/ /* --------------------------- */ /* desktop compare tool */ .compare-desktop, .compare-panels{ display:block; } .compare-mobile{ display:none; } .content-listings.compare-tool{ border-right:2px solid #d6d6d6; } #compare-options{ width:100%; height:40px; } #compare-key{ float:left; margin-top:20px; width:80px; height:225px; } #compare-key p{ font-size:12px; color:#333333; margin-bottom:15px; padding-left:5px; } #compare-key p:first-child{ margin-top:166px; padding-top:8px; border-top:1px solid #ebebeb; } .prod-thumb.compare{ float:left; width:118px; height:225px; border-left:1px solid #dbe1c4; } .prod-thumb.compare .img-holder, .prod-thumb.compare .img-holder-favorites, .prod-thumb.compare .img-holder-awarded, .prod-thumb.compare .img-holder-discontinued{ margin:0 auto; position:relative; width: 90px; height: 90px; } .prod-thumb-compare .img-holder .img-align, .prod-thumb.compare .img-holder-favorites .img-align, .prod-thumb.compare .img-holder-awarded .img-align, .prod-thumb.compare .img-holder-discontinued .img-align{ width:90px; height:90px; } .prod-thumb.compare img{ max-height:75px; } .prod-compare-remove{ position:absolute; top:2px; left:2px; width:13px; height:13px; } .prod-compare-remove img{ width:13px !important; height:13px !important; min-height:13px !important; max-height:13px !important; margin:0 !important; } .prod-thumb.compare h2, .prod-thumb.compare h3{ padding-left:12px; padding-right:12px; } .prod-thumb.compare h3{ height:30px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } /*.prod-thumb.compare img{ min-height:50px; max-height:50px; }*/ .prod-thumb.compare img.mfr-logo{ padding:12px; } .prod-thumb.compare p.prod-data{ font-size:12px; color:#333333; text-align:center; padding-top:5px; } .prod-thumb.compare p.prod-data.sku{ margin-top:7px; padding-top:7px; border-top:1px solid #ebebeb; } .compare-panels{ clear:both; margin-top:5px; } .panel-compare{ border:0 !important; } .panel-compare .panel-body{ padding:0; } table#compare-allergens, table#compare-nutrition{ width:100%; margin-top:10px; } table#compare-allergens tr, table#compare-nutrition tr{ border-bottom:1px solid #ffffff; } table#compare-allergens tr:hover, table#compare-nutrition tr:hover{ cursor:pointer; border-bottom:1px solid #ebebeb; } table#compare-allergens tr.highlight, table#compare-nutrition tr.highlight{ background-color:#ffe478; border-bottom:1px solid #ebebeb!important; } /* disable highlight color on empty spacer row */ table#compare-allergens tr.no-highlight:hover, table#compare-nutrition tr.no-highlight:hover{ cursor:default; border-bottom:0; } table#compare-allergens tr.no-highlight.highlight, table#compare-nutrition tr.no-highlight.highlight{ background-color:#ffffff !important; border-bottom:0 !important; cursor:default; } table#compare-allergens tr td.cn, table#compare-nutrition tr td.cn{ background-color:#c1e19b; } table#compare-allergens tr td, table#compare-nutrition tr td{ xborder-left:1px solid #dbe1c4; text-align:center; padding-top:6px; padding-bottom:6px; width:118px; } table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{ border-left:0; text-align:left; width:80px; font-size:12px; padding-left:5px; } .onefs-tagline h1{ font-size:17px; zzzpadding:25px; } .content-listings{ border-left:2px solid #d6d6d6; border-top:2px solid #d6d6d6; min-height:1000px; background:#ffffff; display:table-cell; vertical-align:top; /*for IE*/ } #main-content{ margin:20px 5px 20px 5px; } #main-content>div{ padding-left:15px; padding-right:15px; } #main-content .bkr-profile div{ padding-left:0px; padding-right:0px; } .nav-tabs li{ width:135px; } .nav-tabs>li a{ background:#ffffff; color:#08579b; height:25px ; min-height:25px; font-size:14px; font-weight:bold; text-align:center; padding:1px 0 0 1px; border-radius:0; border:1px solid #d6d6d6; } .nav-tabs{ border-bottom:1px solid #d6d6d6; } .view-toggle li:first-child{ border-right:1px solid #d6d6d6; } .sidebar{ display:table-cell; min-height:1000px; border-left:1px solid #d6d6d6; border-right:2px solid #d6d6d6; background:#ffffff; vertical-align:top; /*for IE*/ } .sidebar .locator-contact{ margin-bottom:15px; padding-left:15px !important; padding-right:15px !important; display:block; } .sidebar .locator-contact h2{ width:100%; background:#a6b738; color:#ffffff; font-size:20px; text-transform:uppercase; padding:15px; margin-bottom:0; } .sidebar .locator-contact h3{ font-size:18px; margin-bottom:10px; } .sidebar .locator-contact img{ padding:15px; } .sidebar .locator-contact p{ } .sidebar .locator-manuf-info, .sidebar .locator-manuf-addr{ padding-left:15px !important; padding-right:15px !important; } .sidebar .locator-manuf-info h3{ text-transform:uppercase; font-weight:bold; font-size:16px; } .sidebar .locator-manuf-info a{ padding-left:15px; padding-right:15px; } .sidebar div.join img{ margin:40px auto 0 auto; max-width:100%; } .sidebar-login-error h3{ width: 100%; background: #a6b738; color: #ffffff; font-size: 18px; text-transform: uppercase; padding: 15px; margin-bottom: 20px; margin-top: 0; border: 1px solid #ffffff; } .sidebar div.search-this h1{ font-weight:bold; font-size:22px; line-height:24px; color:#333333; padding:25px; } .sidebar div.search-this form{ background:#d6d6d6; width:80%; margin:10px auto; } .sidebar div.search-this form input[type="text"]{ width:70%; height:24px; float:left; margin:5% 0 5% 5%; } .sidebar div.search-this form input[type="image"]{ float:left; width:24px; height:24px; margin:5% 5% 5% 3%; background:url('../img/sidebar-search.jpg') no-repeat; } .sidebar div.brands{ } .sidebar div.brands h1{ font-weight:bold; font-size:28px; line-height:18px; color:#333333; padding:25px 0 15px 25px; text-transform:uppercase; margin-bottom:0; } .sidebar div.brands ul{ list-style-type:none; padding:0 0 15px 25px; } .sidebar div.brands ul li{ font-size:15px; line-height:17px; padding-bottom:15px; } .sidebar div.brands ul li a{ color:#005288; text-decoration:none; } .sidebar div.brands ul li a:hover{ text-decoration:underline; } /* product detail */ #product-social{ display:block; } #product-detail h2{ font-size:18px; line-height:22px; } #product-social div{ margin-top:10px; } #product-social h3{ color:#000000; font-size:18px; float:left; clear:both; width:130px; margin-top:5px; } #product-social a{ display:block; width:26px; height:26px; float:left; margin:1px; } .sidebar div.sidebar-prod-pager div{ text-align:center; margin-top:10px; margin-bottom:5px; } .sidebar div.sidebar-prod-pager p{ xfloat:right; } .sidebar div.prod-photos{ display:block; border-top:1px solid #d6d6d6; } .sidebar div.prod-photos img{ max-width:200px; margin:45px auto 45px auto; } .sidebar div.prod-photos-thumbs { display:block; border-bottom:1px solid #d6d6d6; width:97.5%; margin-right:.5; } .sidebar div.prod-photos-thumbs .thumb-hold{ float:left; width:80px; height:80px; line-height:80px; padding:8px; margin:20px 5px 30px 0; border:1px solid #d6d6d6; cursor:pointer; display:inline-table; } .sidebar div.prod-photos-thumbs .thumb-hold .thumb-align{ display:table-cell; vertical-align: middle; width:99%; height:100%; } .sidebar div.prod-photos-thumbs .thumb-hold:first-child{ margin-left:5%; } .sidebar div.prod-photos-thumbs img{ max-width:95%; margin-left:auto; margin-right:auto; display:table-cell; vertical-align:middle; } /* logged in zip text */ .sidebar div.get-this form p{ font-size:13px; } .sidebar div.get-this form input[type="text"]{ margin: 5px 0 0 10px; } /* not logged in zip find */ .sidebar div.get-this form label input[type="text"] { width:67px; margin: 3px 0 0 4px; } .sidebar div.get-this form label { float: left; margin-top: 8px; margin-right: 0px; /*width: 65%;*/ } /* sales locator */ .locator-company img{ float:left; } .locator-company .locator-manuf-info{ float:left; margin-top:10px; margin-left:20px; } .locator-distributor ul{ margin-top:15px; } .sidebar .locator-contact{ padding-left:0 !important; padding-right:0 !important; } .sidebar .locator-contact h3, .sidebar .locator-contact p{ padding-left:15px; padding-right:15px; } .locator-mobile{ display:none; } /* search results */ .srch-results-filter{ display:block !important; padding-left:0; } .srch-results-filter select, #srch-results-filter-container select{ width:100%; margin-top:5px; } #search-results-filter-container{ /*padding:0;*/ } /* search results */ .srch-results-clear a{ margin-top:0; } .srch-results-clear{ padding-top:10px; } .srch-results-clear a{ float:right; } .srch-results-category-list{ /*margin-top:10px; */ } .srch-results-compare{ display:block; } .srch-results-compare a{ display:block; float:right; border:1px solid #cccccc; background:#dee7f1; color:#005288; padding:4px; font-size:13px; } .srch-results-compare a.disabled, .sidebar-compare-submit a.disabled{ color:#a4a4a4; background:#eeeeee; border:1px solid #cccccc; cursor:no-drop; } .manuf-prod-cats h2, .manuf-brands h2{ padding:10px; } .manuf-prod-cats ul li, .manuf-brands ul li{ padding-left: 10px; } .manuf-prod-cats ul li a, .manuf-brands ul li a{ width:78%; } .manuf-prod-cats ul li ul li a{ vertical-align:top; } #mobile-tabs-control{ display:none; } #main-content .view-toggle{ display:block; } .view-toggle{ position:absolute; right:-2px; top:0; z-index:1000; border:1px solid #d6d6d6; } .view-toggle li{ width:30px; } .pagination-top{ /*margin-right:80px;*/ margin-right:15px; } .page-view{ float:right !important; width:100px; font-size:12px; margin-top:6px; margin-right:90px; } .row.list-view{ border-bottom:0; margin-bottom:10px; } .cat-see-all{ display:block !important; clear:both; width:105% !important; text-align:left; margin-top:20px; } .cat-see-all a{ color:#005288; font-size:16px; padding: 6px 6px; border: 1px solid #cccccc; background:#eeeeee; } .cat-see-all a:hover { color: #3486bc; text-decoration:none;} /* category landing */ #cat-landing-title h2{ font-size: 18px; } .cat-landing ul li{ font-size:12px; } #adv-srch-form{ margin-top:35px; } #adv-srch-form select#veg-color{ width:60%; } #advanced-search-primary{ border-right:1px solid #cccccc; } /* profile */ #profile-tabs li{ width: 100px; } #profile-tabs li a{ font-size:14px; } #fave-lists, #bid-lists{ width:39.66666667%; } div.sublink { max-height: 1175px; overflow-y: scroll; } /* footer */ .footer .col-md-3 p:last-child, .footer .col-md-6 p:last-child{ border-bottom:0; } .footer div{ border-right:1px solid #c2c2c2; margin-top:25px; margin-bottom:25px; min-height:110px; min-height:200px; } .footer div:last-child, .footer div.row{ border-right:0; } } /* min-width:767px */ /* ------------------------------------------------------------------- */ /* min-width 992 */ /* ------------------------------------------------------------------- */ @media (min-width:992px){ .container{ width:943px; } .container.footer{ margin-right: auto; margin-left: auto; } .row.main-content{ width:945px; /*width:950px;*/ } #onefs-logo{ min-height:115px; } #onefs-logo img{ padding:0 0 0 0; float:left; } .partner-ban { background-image: url('../img/ban-affinitylanding2.jpg'); height: 600px; margin-left: -400px; margin-right: -400px; overflow: visible; display: block; } .partner-landing-b { margin-left: 12%; margin-right: 12%; } /* login */ #login{ padding: 8px 0 0 42px; } #nav-search form{ margin: 35px 0 0 0 !important; } #nav-search input[type="text"]{ width:110px; } #nav-search select{ width:57px; } #fav-search input[type="text"]{ float: left; } #school-talk a{ font-size:18px; width:107px; margin:55px 0 10px 12px; } .onefs-tagline h1{ font-size:18px; zzzpadding:20px; } .sidebar div.learn-more p{ padding:10px 25px; font-size:14px; line-height: 1.5em; } .sidebar div.learn-more p a{ font-size:14px; } #main-content{ margin:0 10px 20px 10px; } #product-social div{ float:right; } .carousel-control .glyphicon-chevron-left { margin-left: -10px; } .carousel-control .glyphicon-chevron-right { margin-right: 15px; } /* main nav dropdowns */ .manuf-toggle, .cat-toggle, .nonfoods-toggle { font-size:16px; margin:48px 0 10px 5px; /*background:url(../img/manuf-arrow.jpg) right 6px no-repeat;*/ } .manuf-toggle{ width:86px; } .cat-toggle{ width:61px; } .nonfoods-toggle{ width:93px; } .lists-toggle{ width:109px; margin:42px 0 10px 5px; } #join-btns{ margin-top:57px; } #join-btns img{ max-width:100%; } /* alpha links */ #alpha-mfr, #alpha-brands{ max-width: 480px; top: 3px; right: 65px; left: auto; padding-left: 5px; } #alpha-mfr li input[type="button"], #alpha-brands li input[type="button"]{ padding: 0 3px 0 3px; } .prod-thumb p{ font-size:12px; color:#333333; width:100%; text-align:center; } .prod-thumb p:first-child{ border-top:1px solid #d6d6d6; } .sidebar div.prod-photos-thumbs .thumb-hold:first-child{ margin-left:5%; } .sidebar div.get-this form p{ font-size:16px; letter-spacing:0px; padding-top:3px; } .sidebar.col-md-4 div.get-this form p{ font-size:13px; } .sidebar.col-md-4 div.get-this form button{ margin-right:4px; } .sidebar div.get-this img.get-icon{ display:block; } /* advanced search */ #advanced-search-primary, #advanced-search-secondary{ min-height:720px; } /* desktop compare */ #compare-key{ width:181px; } #compare-key p:first-child{ margin-top:166px; } .prod-thumb.compare{ width:137px; } .prod-thumb.compare img{ max-height:80px; /*min-height:85px; max-height:85px;*/ } table#compare-allergens tr td, table#compare-nutrition tr td{ width:137px; font-size: 12px; } table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{ width:183px; /* 181 for padding accomodation */ } /* logged in zip text */ .sidebar div.get-this form input[type="text"]{ margin: 8px 0 0 10px; } /* not logged in zip find */ .sidebar div.get-this form label input[type="text"] { width:67px; margin: 8px 0px 0 4px; } .sidebar div.get-this form label { float: left; margin-top: 4px; margin-right: 0px; width: 70%; margin-bottom: 0; } #profile-accordion .panel-title { font-size: 18px; } } /*min-width:992px */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ /* min-width 1190 */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ @media(min-width:1190px){ /*#search{ display:none; }*/ .container{ width:1180px; } .container.footer{ width:1200px; margin-right: auto; margin-left: auto; } .row.main-content{ width:1180px; } #onefs-logo{ min-height:96px; background-color: none; border-right: none; margin-top: 6px; /*margin-top: 50px;*/ /* k12 height:50px; width:250px;*/ } #onefs-logo img{ border-left:0; border-right:0; padding:0 5px; } .partner-ban { background-image: url('../img/ban-affinitylanding2.jpg'); height: 600px; margin-left: -400px; margin-right: -200px; overflow: visible; display: block; } /* login */ #login{ padding: 8px 0 0 90px; } #nav-search input[type="text"]{ width:165px; } #nav-search select{ width:122px; } /* */ #nav-manuf, #nav-cat, #nav-nonfoods { padding-left:10px !important; padding-right:0 !important; } .manuf-toggle{ width:112px; font-size:18px; background-position:right 7px; } .cat-toggle{ width:80px; font-size:18px; background-position:right 7px; } .nonfoods-toggle{ width:121px; font-size:18px; background-position:right 7px; } .lists-toggle{ font-size:15px; background-position:right 7px; width: 141px; } #school-talk a{ font-size: 18px; /*width: 118px;*/ width:105px; margin: 59px 0 10px 12px; } .onefs-tagline{ /*width:102%; left:-1%;*/ width:1200px; left:0%; padding:0; z-index:100; } .onefs-tagline h1{ font-size:28px; padding:25px 35px 25px 35px; } /* Left side-fold ribbon */ .triangle-l { display:block; /*border-color: transparent #000000 transparent transparent;*/ border-color: transparent #ffffff transparent transparent; border-style: solid; border-width: 15px; height: 0px; width: 0px; position: relative; left: -2.2%; top: 65px; z-index: -1; /* displayed under bubble */ } /* Right side-fold ribbon */ .triangle-r { display:block; /*border-color: transparent transparent transparent #000000;*/ border-color: transparent #ffffff transparent transparent; border-style: solid; border-width: 15px; height: 0px; width: 0px; position: relative; left: 99.7%; top: 35px; z-index: -1; /* displayed under bubble */ } .row.home .triangle-l{ top:335px; } .row.home .triangle-r{ top:306px; } .row.join .triangle-l{ top:341px; } .row.join .triangle-r{ top:310px; } /* profile */ #profile-tabs li{ width: 115px; } #profile-tabs li a{ font-size:15px; } .sidebar div.sign-up form{ min-height:170px; } .sidebar div.search-this form input[type="text"]{ width:175px; } /* not logged in zip text */ .sidebar div.get-this form label input[type="text"]{ /*width:85%;*/ width:67px; } /* logged in zip text */ .sidebar div.get-this form input[type="text"]{ /*width:68%;*/ width:54px; margin: 10px 0 0 10px; } .sidebar div.get-this form label { margin-top: 4px; margin-right: 0px; /*width: 73%;*/ width:70%; margin-bottom: 0; } .sidebar div.get-this form p{ font-size:20px; letter-spacing:0px; padding-top:0; } /* col-4 version */ .sidebar.col-md-4 div.get-this form p{ font-size:18px; } .sidebar.col-md-4 div.get-this form button{ margin-right:8px; } .prod-thumb .img-holder, .prod-thumb .img-holder-favorites, .prod-thumb .img-holder-awarded, .prod-thumb .img-holder-discontinued{ width:135px; height:135px; } /* vertically align thumbnails of unknown height */ .img-holder .img-align{ width:135px; height:135px; } .img-holder-favorites .img-align, .img-holder-awarded .img-align, .img-holder-discontinued .img-align{ width:131px; height:131px; } .prod-thumb img{ max-height:118px; } .manuf-prod-cats h2, .manuf-brands h2{ padding:15px; } .manuf-prod-cats ul li, .manuf-brands ul li{ padding-left: 15px; } .manuf-prod-cats ul li a, .manuf-brands ul li a{ width:88%; } #cat-landing-title h2{ font-size: 16px; } .cat-item ul li{ font-size:12px; clear:both; } .cat-item ul li a{ /*padding-left:5px;*/ padding-right:5px; } .sidebar div.about img{ margin: 40px 0 0 40px; } .sidebar div.bkr-f { margin: 58px 5px 20px 5px; } .sidebar div.bkr-f h2 { text-transform: uppercase; padding: 8px 8px 8px 8px; background: #f5ba18; font-weight: bold; font-size: 1.8em; color: #333333;} .broker-featured p{ padding: 0px 10px 0 20px; } .sidebar-compare-remove{ width:10%; } .sidebar-compare-info{ width:90%; } .sidebar.sidebar-compare-tool { display:block; width:25%; } /* not logged in zip find */ .sidebar div.get-this form label input[type="text"] { margin: 8px 0px 0 4px; width:67px; } .content-listings.compare-tool{ border-right:0; } /* desktop compare */ .content-listings.comp-med-9 { width: 75% !important; } #compare-key{ width:145px; } .prod-thumb.compare{ width:131px; } table#compare-allergens tr td, table#compare-nutrition tr td{ width:136px; } table#compare-allergens tr td.cn, table#compare-nutrition tr td.cn{ background-color:#c1e19b; } table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{ width:151px; } .sidebar div.prod-photos{ display:block; border-top:1px solid #d6d6d6; /**/ xmax-width: 98%; xmargin-left: 10px; /**/ } } /*min-width:1190px */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ /* min-width 1225 */ /* ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ @media(min-width:1225px){ .container{ width:1200px; } .row.main-content{ width:1200px; } .partner-ban { background-image: url('../img/ban-affinitylanding2.jpg'); height: 600px; margin-left: -200px; margin-right: -200px; overflow: visible; display: block; } /* login */ #login{ padding: 8px 0 0 0; } /* desktop compare */ #compare-key{ width:168px; } .prod-thumb.compare{ width:130px; } /*.prod-thumb.compare img{ min-height:85px; max-height:85px; }*/ table#compare-allergens tr td, table#compare-nutrition tr td{ width:137px; } table#compare-allergens tr td.cn, table#compare-nutrition tr td.cn{ background-color:#c1e19b; } table#compare-allergens tr td:first-child, table#compare-nutrition tr td:first-child{ width:175px; /* 180 for padding accomodation */ } } } /*min-width:1225px */ /* ------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------ */ /* CUSTOM OVERRIDE -- TO ALLOW 5 EQUAL COLUMNS FOR PRODUCT LISTINGS */ /* ------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------ */ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width:100px) and (max-width:767px){ .col-lg-5ths:nth-child(2n+1){ clear:left; } /* disable float clear when slick carousel active */ .slick-track .col-lg-5ths:nth-child(2n+1){ clear:none !important; } #search { display: none; } .sidebar-prod-pager { display: none; } } @media (min-width: 767px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 767px) and (max-width:991px){ .col-lg-5ths:nth-child(3n+1){ clear:left; } /* disable float clear when slick carousel active */ .slick-track .col-lg-5ths:nth-child(3n+1){ clear:none !important; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } .col-lg-5ths:nth-child(5n+1){ clear:left; } /* disable float clear when slick carousel active */ .slick-track .col-lg-5ths:nth-child(5n+1){ clear:none !important; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } }